@ndla/ui 13.0.0 → 13.1.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.
|
@@ -9,34 +9,50 @@ import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
|
9
9
|
var StyledHeaderSafeLink = /*#__PURE__*/_styled(SafeLink, {
|
|
10
10
|
target: "eazb5ip0",
|
|
11
11
|
label: "StyledHeaderSafeLink"
|
|
12
|
-
})(fonts.sizes(14), ";font-weight:", fonts.weight.bold, ";color:",
|
|
12
|
+
})(fonts.sizes(14), ";font-weight:", fonts.weight.bold, ";color:", function (_ref) {
|
|
13
|
+
var light = _ref.light;
|
|
14
|
+
return light ? colors.white : colors.brand.primary;
|
|
15
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
13
16
|
|
|
14
|
-
var
|
|
17
|
+
var StyledRightChevron = /*#__PURE__*/_styled(ChevronRight, {
|
|
15
18
|
target: "eazb5ip1",
|
|
16
|
-
label: "
|
|
17
|
-
})("color:",
|
|
19
|
+
label: "StyledRightChevron"
|
|
20
|
+
})("color:", function (_ref2) {
|
|
21
|
+
var light = _ref2.light;
|
|
22
|
+
return light ? colors.white : colors.brand.primary;
|
|
23
|
+
}, ";margin:", spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMkQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
18
24
|
|
|
19
|
-
var
|
|
25
|
+
var StyledSpan = _styled("span", {
|
|
20
26
|
target: "eazb5ip2",
|
|
21
|
-
label: "
|
|
22
|
-
})("color:",
|
|
27
|
+
label: "StyledSpan"
|
|
28
|
+
})("color:", function (_ref3) {
|
|
29
|
+
var light = _ref3.light;
|
|
30
|
+
return light ? colors.white : colors.brand.primary;
|
|
31
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEMiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
23
32
|
|
|
24
|
-
var
|
|
33
|
+
var StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
|
|
25
34
|
target: "eazb5ip3",
|
|
26
|
-
label: "
|
|
27
|
-
})("color:",
|
|
35
|
+
label: "StyledSafeLink"
|
|
36
|
+
})("color:", function (_ref4) {
|
|
37
|
+
var light = _ref4.light;
|
|
38
|
+
return light ? colors.white : colors.brand.primary;
|
|
39
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
28
40
|
|
|
29
|
-
var HeaderBreadcrumb = function HeaderBreadcrumb(
|
|
41
|
+
var HeaderBreadcrumb = function HeaderBreadcrumb(_ref5) {
|
|
30
42
|
var _items$, _items$2;
|
|
31
43
|
|
|
32
|
-
var items =
|
|
44
|
+
var items = _ref5.items,
|
|
45
|
+
light = _ref5.light;
|
|
33
46
|
|
|
34
47
|
var renderItem = function renderItem(item, totalCount) {
|
|
35
48
|
if (item.index === totalCount - 1) {
|
|
36
|
-
return ___EmotionJSX(
|
|
49
|
+
return ___EmotionJSX(StyledSpan, {
|
|
50
|
+
light: light
|
|
51
|
+
}, item.name);
|
|
37
52
|
}
|
|
38
53
|
|
|
39
|
-
return ___EmotionJSX(
|
|
54
|
+
return ___EmotionJSX(StyledSafeLink, {
|
|
55
|
+
light: light,
|
|
40
56
|
to: item.to
|
|
41
57
|
}, item.name);
|
|
42
58
|
};
|
|
@@ -46,10 +62,13 @@ var HeaderBreadcrumb = function HeaderBreadcrumb(_ref) {
|
|
|
46
62
|
return null;
|
|
47
63
|
}
|
|
48
64
|
|
|
49
|
-
return ___EmotionJSX(
|
|
65
|
+
return ___EmotionJSX(StyledRightChevron, {
|
|
66
|
+
light: light
|
|
67
|
+
});
|
|
50
68
|
};
|
|
51
69
|
|
|
52
70
|
return ___EmotionJSX("div", null, ___EmotionJSX(StyledHeaderSafeLink, {
|
|
71
|
+
light: light,
|
|
53
72
|
to: (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.to
|
|
54
73
|
}, (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.name), ___EmotionJSX(Breadcrumb, {
|
|
55
74
|
items: items.slice(1),
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
import { SimpleBreadcrumbItem } from './BreadcrumbItem';
|
|
10
10
|
interface Props {
|
|
11
11
|
items: SimpleBreadcrumbItem[];
|
|
12
|
+
light?: boolean;
|
|
12
13
|
}
|
|
13
|
-
declare const HeaderBreadcrumb: ({ items }: Props) => JSX.Element;
|
|
14
|
+
declare const HeaderBreadcrumb: ({ items, light }: Props) => JSX.Element;
|
|
14
15
|
export default HeaderBreadcrumb;
|
|
@@ -24,31 +24,47 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
24
24
|
var StyledHeaderSafeLink = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
|
|
25
25
|
target: "eazb5ip0",
|
|
26
26
|
label: "StyledHeaderSafeLink"
|
|
27
|
-
})(_core.fonts.sizes(14), ";font-weight:", _core.fonts.weight.bold, ";color:",
|
|
28
|
-
var
|
|
27
|
+
})(_core.fonts.sizes(14), ";font-weight:", _core.fonts.weight.bold, ";color:", function (_ref) {
|
|
28
|
+
var light = _ref.light;
|
|
29
|
+
return light ? _core.colors.white : _core.colors.brand.primary;
|
|
30
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
31
|
+
var StyledRightChevron = ( /*#__PURE__*/0, _styledBase["default"])(_common.ChevronRight, {
|
|
29
32
|
target: "eazb5ip1",
|
|
30
|
-
label: "
|
|
31
|
-
})("color:",
|
|
32
|
-
var
|
|
33
|
+
label: "StyledRightChevron"
|
|
34
|
+
})("color:", function (_ref2) {
|
|
35
|
+
var light = _ref2.light;
|
|
36
|
+
return light ? _core.colors.white : _core.colors.brand.primary;
|
|
37
|
+
}, ";margin:", _core.spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMkQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
38
|
+
var StyledSpan = (0, _styledBase["default"])("span", {
|
|
33
39
|
target: "eazb5ip2",
|
|
34
|
-
label: "
|
|
35
|
-
})("color:",
|
|
36
|
-
var
|
|
40
|
+
label: "StyledSpan"
|
|
41
|
+
})("color:", function (_ref3) {
|
|
42
|
+
var light = _ref3.light;
|
|
43
|
+
return light ? _core.colors.white : _core.colors.brand.primary;
|
|
44
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEMiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
45
|
+
var StyledSafeLink = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
|
|
37
46
|
target: "eazb5ip3",
|
|
38
|
-
label: "
|
|
39
|
-
})("color:",
|
|
47
|
+
label: "StyledSafeLink"
|
|
48
|
+
})("color:", function (_ref4) {
|
|
49
|
+
var light = _ref4.light;
|
|
50
|
+
return light ? _core.colors.white : _core.colors.brand.primary;
|
|
51
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgbGlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG5gO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuPFRoZW1lUHJvcHM+YFxuICBjb2xvcjogJHsoeyBsaWdodCB9KSA9PiAobGlnaHQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuYDtcbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcywgbGlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIDxTdHlsZWRTcGFuIGxpZ2h0PXtsaWdodH0+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+O1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW0udG99PlxuICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IHJlbmRlclNlcGFyYXRvciA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIGxpZ2h0PXtsaWdodH0gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIGxpZ2h0PXtsaWdodH0gdG89e2l0ZW1zWzBdPy50b30+XG4gICAgICAgIHtpdGVtc1swXT8ubmFtZX1cbiAgICAgIDwvU3R5bGVkSGVhZGVyU2FmZUxpbms+XG4gICAgICA8QnJlYWRjcnVtYlxuICAgICAgICBpdGVtcz17aXRlbXMuc2xpY2UoMSl9XG4gICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgIHJlbmRlclNlcGFyYXRvcj17cmVuZGVyU2VwYXJhdG9yfVxuICAgICAgICBhdXRvQ29sbGFwc2VcbiAgICAgICAgY29sbGFwc2VGaXJzdFxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlckJyZWFkY3J1bWI7XG4iXX0= */"));
|
|
40
52
|
|
|
41
|
-
var HeaderBreadcrumb = function HeaderBreadcrumb(
|
|
53
|
+
var HeaderBreadcrumb = function HeaderBreadcrumb(_ref5) {
|
|
42
54
|
var _items$, _items$2;
|
|
43
55
|
|
|
44
|
-
var items =
|
|
56
|
+
var items = _ref5.items,
|
|
57
|
+
light = _ref5.light;
|
|
45
58
|
|
|
46
59
|
var renderItem = function renderItem(item, totalCount) {
|
|
47
60
|
if (item.index === totalCount - 1) {
|
|
48
|
-
return (0, _core2.jsx)(
|
|
61
|
+
return (0, _core2.jsx)(StyledSpan, {
|
|
62
|
+
light: light
|
|
63
|
+
}, item.name);
|
|
49
64
|
}
|
|
50
65
|
|
|
51
|
-
return (0, _core2.jsx)(
|
|
66
|
+
return (0, _core2.jsx)(StyledSafeLink, {
|
|
67
|
+
light: light,
|
|
52
68
|
to: item.to
|
|
53
69
|
}, item.name);
|
|
54
70
|
};
|
|
@@ -58,10 +74,13 @@ var HeaderBreadcrumb = function HeaderBreadcrumb(_ref) {
|
|
|
58
74
|
return null;
|
|
59
75
|
}
|
|
60
76
|
|
|
61
|
-
return (0, _core2.jsx)(
|
|
77
|
+
return (0, _core2.jsx)(StyledRightChevron, {
|
|
78
|
+
light: light
|
|
79
|
+
});
|
|
62
80
|
};
|
|
63
81
|
|
|
64
82
|
return (0, _core2.jsx)("div", null, (0, _core2.jsx)(StyledHeaderSafeLink, {
|
|
83
|
+
light: light,
|
|
65
84
|
to: (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.to
|
|
66
85
|
}, (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.name), (0, _core2.jsx)(_Breadcrumb["default"], {
|
|
67
86
|
items: items.slice(1),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.1.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "91a6ec61e09d38d1319c5678a8a79a66b38245a9"
|
|
85
85
|
}
|
|
@@ -14,45 +14,56 @@ import React from 'react';
|
|
|
14
14
|
import Breadcrumb from './Breadcrumb';
|
|
15
15
|
import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from './BreadcrumbItem';
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
interface ThemeProps {
|
|
18
|
+
light: boolean | undefined;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
const StyledHeaderSafeLink = styled(SafeLink)<ThemeProps>`
|
|
18
22
|
${fonts.sizes(14)};
|
|
19
23
|
font-weight: ${fonts.weight.bold};
|
|
20
|
-
color: ${colors.brand.primary};
|
|
24
|
+
color: ${({ light }) => (light ? colors.white : colors.brand.primary)};
|
|
21
25
|
`;
|
|
22
26
|
|
|
23
|
-
const
|
|
24
|
-
color: ${colors.brand.primary};
|
|
27
|
+
const StyledRightChevron = styled(ChevronRight)<ThemeProps>`
|
|
28
|
+
color: ${({ light }) => (light ? colors.white : colors.brand.primary)};
|
|
25
29
|
margin: ${spacing.xxsmall};
|
|
26
30
|
`;
|
|
27
|
-
const
|
|
28
|
-
color: ${colors.brand.primary};
|
|
31
|
+
const StyledSpan = styled.span<ThemeProps>`
|
|
32
|
+
color: ${({ light }) => (light ? colors.white : colors.brand.primary)};
|
|
29
33
|
`;
|
|
30
|
-
const
|
|
31
|
-
color: ${colors.brand.primary};
|
|
34
|
+
const StyledSafeLink = styled(SafeLink)<ThemeProps>`
|
|
35
|
+
color: ${({ light }) => (light ? colors.white : colors.brand.primary)};
|
|
32
36
|
`;
|
|
33
37
|
|
|
34
38
|
interface Props {
|
|
35
39
|
items: SimpleBreadcrumbItem[];
|
|
40
|
+
light?: boolean;
|
|
36
41
|
}
|
|
37
42
|
|
|
38
|
-
const HeaderBreadcrumb = ({ items }: Props) => {
|
|
43
|
+
const HeaderBreadcrumb = ({ items, light }: Props) => {
|
|
39
44
|
const renderItem = (item: IndexedBreadcrumbItem, totalCount: number) => {
|
|
40
45
|
if (item.index === totalCount - 1) {
|
|
41
|
-
return <
|
|
46
|
+
return <StyledSpan light={light}>{item.name}</StyledSpan>;
|
|
42
47
|
}
|
|
43
|
-
return
|
|
48
|
+
return (
|
|
49
|
+
<StyledSafeLink light={light} to={item.to}>
|
|
50
|
+
{item.name}
|
|
51
|
+
</StyledSafeLink>
|
|
52
|
+
);
|
|
44
53
|
};
|
|
45
54
|
|
|
46
55
|
const renderSeparator = (item: IndexedBreadcrumbItem, totalCount: number) => {
|
|
47
56
|
if (item.index === totalCount - 1) {
|
|
48
57
|
return null;
|
|
49
58
|
}
|
|
50
|
-
return <
|
|
59
|
+
return <StyledRightChevron light={light} />;
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
return (
|
|
54
63
|
<div>
|
|
55
|
-
<StyledHeaderSafeLink to={items[0]?.to}>
|
|
64
|
+
<StyledHeaderSafeLink light={light} to={items[0]?.to}>
|
|
65
|
+
{items[0]?.name}
|
|
66
|
+
</StyledHeaderSafeLink>
|
|
56
67
|
<Breadcrumb
|
|
57
68
|
items={items.slice(1)}
|
|
58
69
|
renderItem={renderItem}
|