@ndla/ui 30.2.3 → 30.3.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.
Files changed (13) hide show
  1. package/es/MultidisciplinarySubject/MultidisciplinarySubject.js +11 -8
  2. package/es/ToolboxPage/ToolboxInfo.js +6 -3
  3. package/es/Topic/Topic.js +24 -21
  4. package/lib/MultidisciplinarySubject/MultidisciplinarySubject.d.ts +2 -1
  5. package/lib/MultidisciplinarySubject/MultidisciplinarySubject.js +11 -8
  6. package/lib/ToolboxPage/ToolboxInfo.d.ts +4 -3
  7. package/lib/ToolboxPage/ToolboxInfo.js +6 -3
  8. package/lib/Topic/Topic.d.ts +2 -1
  9. package/lib/Topic/Topic.js +24 -21
  10. package/package.json +2 -2
  11. package/src/MultidisciplinarySubject/MultidisciplinarySubject.tsx +5 -2
  12. package/src/ToolboxPage/ToolboxInfo.tsx +7 -4
  13. package/src/Topic/Topic.tsx +3 -1
package/es/ToolboxPage/ToolboxInfo.js CHANGED
@@ -22,7 +22,7 @@ var Heading = /*#__PURE__*/_styled("h1", {
22
22
  from: breakpoints.tablet
23
23
  }), "{", fonts.sizes('36px', '46px'), ";}", mq.range({
24
24
  from: breakpoints.desktop
25
- }), "{", fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvcGljczogSXRlbVByb3BzW107XG4gIG9uU2VsZWN0VG9waWM/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+LCBpZD86IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEhlYWRpbmc+e3RpdGxlfTwvSGVhZGluZz5cbiAgICAgIDxJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L0ludHJvZHVjdGlvbj5cbiAgICAgIDxOYXZpZ2F0aW9uQm94XG4gICAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICAgIGxpc3REaXJlY3Rpb249XCJmbG9hdGluZ1wiXG4gICAgICAgIGhlYWRpbmc9e3QoJ3RvcGljUGFnZS50b3BpY3MnKX1cbiAgICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICBvbkNsaWNrPXtvblNlbGVjdFRvcGljfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xib3hJbmZvO1xuIl19 */"));
25
+ }), "{", fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludHJvZHVjdGlvbjogc3RyaW5nO1xuICB0b3BpY3M6IEl0ZW1Qcm9wc1tdO1xuICBvblNlbGVjdFRvcGljPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxFbGVtZW50PiwgaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIZWFkaW5nIGlkPXtpZH0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvSW50cm9kdWN0aW9uPlxuICAgICAgPE5hdmlnYXRpb25Cb3hcbiAgICAgICAgaXRlbXM9e3RvcGljc31cbiAgICAgICAgbGlzdERpcmVjdGlvbj1cImZsb2F0aW5nXCJcbiAgICAgICAgaGVhZGluZz17dCgndG9waWNQYWdlLnRvcGljcycpfVxuICAgICAgICBjb2xvck1vZGU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0VG9waWN9XG4gICAgICAvPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9vbGJveEluZm87XG4iXX0= */"));
26
26
 
27
27
  var Introduction = /*#__PURE__*/_styled("p", {
28
28
  target: "e1iamp440",
@@ -31,19 +31,22 @@ var Introduction = /*#__PURE__*/_styled("p", {
31
31
  from: breakpoints.tablet
32
32
  }), "{", fonts.sizes('22px', '32px'), ";}", mq.range({
33
33
  from: breakpoints.desktop
34
- }), "{", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6IlRvb2xib3hJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgSXRlbVByb3BzIH0gZnJvbSAnLi4vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQm94JztcbmltcG9ydCB7IE5hdmlnYXRpb25Cb3ggfSBmcm9tICcuLi9OYXZpZ2F0aW9uJztcblxuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMzBweCcsICczNXB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczNnB4JywgJzQ2cHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNjVweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgSW50cm9kdWN0aW9uID0gc3R5bGVkLnBgXG4gIG1heC13aWR0aDogODAwcHg7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICczMnB4Jyl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludHJvZHVjdGlvbjogc3RyaW5nO1xuICB0b3BpY3M6IEl0ZW1Qcm9wc1tdO1xuICBvblNlbGVjdFRvcGljPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxFbGVtZW50PiwgaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBUb29sYm94SW5mbyA9ICh7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHRvcGljcywgb25TZWxlY3RUb3BpYyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIZWFkaW5nPnt0aXRsZX08L0hlYWRpbmc+XG4gICAgICA8SW50cm9kdWN0aW9uPntpbnRyb2R1Y3Rpb259PC9JbnRyb2R1Y3Rpb24+XG4gICAgICA8TmF2aWdhdGlvbkJveFxuICAgICAgICBpdGVtcz17dG9waWNzfVxuICAgICAgICBsaXN0RGlyZWN0aW9uPVwiZmxvYXRpbmdcIlxuICAgICAgICBoZWFkaW5nPXt0KCd0b3BpY1BhZ2UudG9waWNzJyl9XG4gICAgICAgIGNvbG9yTW9kZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgb25DbGljaz17b25TZWxlY3RUb3BpY31cbiAgICAgIC8+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYm94SW5mbztcbiJdfQ== */"));
34
+ }), "{", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6IlRvb2xib3hJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgSXRlbVByb3BzIH0gZnJvbSAnLi4vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQm94JztcbmltcG9ydCB7IE5hdmlnYXRpb25Cb3ggfSBmcm9tICcuLi9OYXZpZ2F0aW9uJztcblxuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMzBweCcsICczNXB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczNnB4JywgJzQ2cHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNjVweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgSW50cm9kdWN0aW9uID0gc3R5bGVkLnBgXG4gIG1heC13aWR0aDogODAwcHg7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICczMnB4Jyl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkPzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBpbnRyb2R1Y3Rpb246IHN0cmluZztcbiAgdG9waWNzOiBJdGVtUHJvcHNbXTtcbiAgb25TZWxlY3RUb3BpYz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4sIGlkPzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5jb25zdCBUb29sYm94SW5mbyA9ICh7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHRvcGljcywgb25TZWxlY3RUb3BpYywgaWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SGVhZGluZyBpZD17aWR9IHRhYkluZGV4PXstMX0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L0ludHJvZHVjdGlvbj5cbiAgICAgIDxOYXZpZ2F0aW9uQm94XG4gICAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICAgIGxpc3REaXJlY3Rpb249XCJmbG9hdGluZ1wiXG4gICAgICAgIGhlYWRpbmc9e3QoJ3RvcGljUGFnZS50b3BpY3MnKX1cbiAgICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICBvbkNsaWNrPXtvblNlbGVjdFRvcGljfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xib3hJbmZvO1xuIl19 */"));
35
35
 
36
36
  var ToolboxInfo = function ToolboxInfo(_ref) {
37
37
  var title = _ref.title,
38
38
  introduction = _ref.introduction,
39
39
  topics = _ref.topics,
40
- onSelectTopic = _ref.onSelectTopic;
40
+ onSelectTopic = _ref.onSelectTopic,
41
+ id = _ref.id;
41
42
 
42
43
  var _useTranslation = useTranslation(),
43
44
  t = _useTranslation.t;
44
45
 
45
46
  return _jsxs(_Fragment, {
46
47
  children: [_jsx(Heading, {
48
+ id: id,
49
+ tabIndex: -1,
47
50
  children: title
48
51
  }), _jsx(Introduction, {
49
52
  children: introduction