@ndla/ui 30.0.6 → 30.0.8

package/lib/ResourceGroup/ResourceGroup.d.ts

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+import { ReactNode } from 'react';
 import { ResourceListProps } from './ResourceList';
 declare type Props = {
     invertedStyle?: boolean;
     toggleAdditionalResources: () => void;
-    onToggleAddToFavorites: (id: string) => void;
-    showAddToFavoriteButton: boolean;
+    heartButton?: (path: string) => ReactNode;
 };
-declare const ResourceGroup: ({ title, resources, showAdditionalResources, toggleAdditionalResources, contentType, invertedStyle, onToggleAddToFavorites, showAddToFavoriteButton, }: Props & ResourceListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceGroup: ({ title, resources, showAdditionalResources, toggleAdditionalResources, contentType, invertedStyle, heartButton, }: Props & ResourceListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ResourceGroup;

package/lib/ResourceGroup/ResourceGroup.js

@@ -27,17 +27,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var Wrapper = /*#__PURE__*/(0, _base["default"])("section", {
   target: "e1on4p7m2",
   label: "Wrapper"
-})("margin-bottom:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiJSZXNvdXJjZUdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmltcG9ydCBSZXNvdXJjZUxpc3QsIHsgUmVzb3VyY2VMaXN0UHJvcHMgfSBmcm9tICcuL1Jlc291cmNlTGlzdCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbnR5cGUgU3R5bGVkSGVhZGVyUHJvcHMgPSB7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmhlYWRlcjxTdHlsZWRIZWFkZXJQcm9wcz5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy54c21hbGx9O1xuICAkeyhwcm9wcykgPT4gcHJvcHMuaW52ZXJ0ZWRTdHlsZSAmJiBgY29sb3I6ICNmZmZgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDA7XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbiAgdG9nZ2xlQWRkaXRpb25hbFJlc291cmNlczogKCkgPT4gdm9pZDtcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNob3dBZGRUb0Zhdm9yaXRlQnV0dG9uOiBib29sZWFuO1xufTtcblxuY29uc3QgUmVzb3VyY2VHcm91cCA9ICh7XG4gIHRpdGxlLFxuICByZXNvdXJjZXMsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICB0b2dnbGVBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBjb250ZW50VHlwZSxcbiAgaW52ZXJ0ZWRTdHlsZSxcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyxcbiAgc2hvd0FkZFRvRmF2b3JpdGVCdXR0b24gPSBmYWxzZSxcbn06IFByb3BzICYgUmVzb3VyY2VMaXN0UHJvcHMpID0+IChcbiAgPFdyYXBwZXI+XG4gICAge3RpdGxlICYmIChcbiAgICAgIDxTdHlsZWRIZWFkZXIgaW52ZXJ0ZWRTdHlsZT17aW52ZXJ0ZWRTdHlsZX0+XG4gICAgICAgIDxTdHlsZWRIZWFkaW5nPnt0aXRsZX08L1N0eWxlZEhlYWRpbmc+XG4gICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICApfVxuICAgIHtyZXNvdXJjZXMubGVuZ3RoID4gMCA/IChcbiAgICAgIDxSZXNvdXJjZUxpc3RcbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBvbkNsaWNrPXt0b2dnbGVBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9XG4gICAgICAgIGNvbnRlbnRUeXBlPXtjb250ZW50VHlwZX1cbiAgICAgICAgcmVzb3VyY2VzPXtyZXNvdXJjZXN9XG4gICAgICAgIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM9e29uVG9nZ2xlQWRkVG9GYXZvcml0ZXN9XG4gICAgICAgIHNob3dBZGRUb0Zhdm9yaXRlQnV0dG9uPXtzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbn1cbiAgICAgIC8+XG4gICAgKSA6IG51bGx9XG4gIDwvV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlR3JvdXA7XG4iXX0= */"));
+})("margin-bottom:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiJSZXNvdXJjZUdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmltcG9ydCBSZXNvdXJjZUxpc3QsIHsgUmVzb3VyY2VMaXN0UHJvcHMgfSBmcm9tICcuL1Jlc291cmNlTGlzdCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbnR5cGUgU3R5bGVkSGVhZGVyUHJvcHMgPSB7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmhlYWRlcjxTdHlsZWRIZWFkZXJQcm9wcz5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy54c21hbGx9O1xuICAkeyhwcm9wcykgPT4gcHJvcHMuaW52ZXJ0ZWRTdHlsZSAmJiBgY29sb3I6ICNmZmZgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDA7XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbiAgdG9nZ2xlQWRkaXRpb25hbFJlc291cmNlczogKCkgPT4gdm9pZDtcbiAgaGVhcnRCdXR0b24/OiAocGF0aDogc3RyaW5nKSA9PiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBSZXNvdXJjZUdyb3VwID0gKHtcbiAgdGl0bGUsXG4gIHJlc291cmNlcyxcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMsXG4gIHRvZ2dsZUFkZGl0aW9uYWxSZXNvdXJjZXMsXG4gIGNvbnRlbnRUeXBlLFxuICBpbnZlcnRlZFN0eWxlLFxuICBoZWFydEJ1dHRvbixcbn06IFByb3BzICYgUmVzb3VyY2VMaXN0UHJvcHMpID0+IChcbiAgPFdyYXBwZXI+XG4gICAge3RpdGxlICYmIChcbiAgICAgIDxTdHlsZWRIZWFkZXIgaW52ZXJ0ZWRTdHlsZT17aW52ZXJ0ZWRTdHlsZX0+XG4gICAgICAgIDxTdHlsZWRIZWFkaW5nPnt0aXRsZX08L1N0eWxlZEhlYWRpbmc+XG4gICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICApfVxuICAgIHtyZXNvdXJjZXMubGVuZ3RoID4gMCA/IChcbiAgICAgIDxSZXNvdXJjZUxpc3RcbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBvbkNsaWNrPXt0b2dnbGVBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9XG4gICAgICAgIGNvbnRlbnRUeXBlPXtjb250ZW50VHlwZX1cbiAgICAgICAgcmVzb3VyY2VzPXtyZXNvdXJjZXN9XG4gICAgICAgIGhlYXJ0QnV0dG9uPXtoZWFydEJ1dHRvbn1cbiAgICAgIC8+XG4gICAgKSA6IG51bGx9XG4gIDwvV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlR3JvdXA7XG4iXX0= */"));
 var StyledHeader = /*#__PURE__*/(0, _base["default"])("header", {
   target: "e1on4p7m1",
   label: "StyledHeader"
 })("margin:", _core.spacing.small, " 0 ", _core.spacing.xsmall, ";", function (props) {
   return props.invertedStyle && "color: #fff";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUQiLCJmaWxlIjoiUmVzb3VyY2VHcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgUmVzb3VyY2VMaXN0LCB7IFJlc291cmNlTGlzdFByb3BzIH0gZnJvbSAnLi9SZXNvdXJjZUxpc3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG50eXBlIFN0eWxlZEhlYWRlclByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUHJvcHM+YFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHsocHJvcHMpID0+IHByb3BzLmludmVydGVkU3R5bGUgJiYgYGNvbG9yOiAjZmZmYH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaW52ZXJ0ZWRTdHlsZT86IGJvb2xlYW47XG4gIHRvZ2dsZUFkZGl0aW9uYWxSZXNvdXJjZXM6ICgpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbjogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFJlc291cmNlR3JvdXAgPSAoe1xuICB0aXRsZSxcbiAgcmVzb3VyY2VzLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgdG9nZ2xlQWRkaXRpb25hbFJlc291cmNlcyxcbiAgY29udGVudFR5cGUsXG4gIGludmVydGVkU3R5bGUsXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIHNob3dBZGRUb0Zhdm9yaXRlQnV0dG9uID0gZmFsc2UsXG59OiBQcm9wcyAmIFJlc291cmNlTGlzdFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIHt0aXRsZSAmJiAoXG4gICAgICA8U3R5bGVkSGVhZGVyIGludmVydGVkU3R5bGU9e2ludmVydGVkU3R5bGV9PlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgKX1cbiAgICB7cmVzb3VyY2VzLmxlbmd0aCA+IDAgPyAoXG4gICAgICA8UmVzb3VyY2VMaXN0XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgb25DbGljaz17dG9nZ2xlQWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgIHJlc291cmNlcz17cmVzb3VyY2VzfVxuICAgICAgICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPXtvblRvZ2dsZUFkZFRvRmF2b3JpdGVzfVxuICAgICAgICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbj17c2hvd0FkZFRvRmF2b3JpdGVCdXR0b259XG4gICAgICAvPlxuICAgICkgOiBudWxsfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUdyb3VwO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUQiLCJmaWxlIjoiUmVzb3VyY2VHcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgUmVzb3VyY2VMaXN0LCB7IFJlc291cmNlTGlzdFByb3BzIH0gZnJvbSAnLi9SZXNvdXJjZUxpc3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG50eXBlIFN0eWxlZEhlYWRlclByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUHJvcHM+YFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHsocHJvcHMpID0+IHByb3BzLmludmVydGVkU3R5bGUgJiYgYGNvbG9yOiAjZmZmYH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaW52ZXJ0ZWRTdHlsZT86IGJvb2xlYW47XG4gIHRvZ2dsZUFkZGl0aW9uYWxSZXNvdXJjZXM6ICgpID0+IHZvaWQ7XG4gIGhlYXJ0QnV0dG9uPzogKHBhdGg6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgUmVzb3VyY2VHcm91cCA9ICh7XG4gIHRpdGxlLFxuICByZXNvdXJjZXMsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICB0b2dnbGVBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBjb250ZW50VHlwZSxcbiAgaW52ZXJ0ZWRTdHlsZSxcbiAgaGVhcnRCdXR0b24sXG59OiBQcm9wcyAmIFJlc291cmNlTGlzdFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIHt0aXRsZSAmJiAoXG4gICAgICA8U3R5bGVkSGVhZGVyIGludmVydGVkU3R5bGU9e2ludmVydGVkU3R5bGV9PlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgKX1cbiAgICB7cmVzb3VyY2VzLmxlbmd0aCA+IDAgPyAoXG4gICAgICA8UmVzb3VyY2VMaXN0XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgb25DbGljaz17dG9nZ2xlQWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgIHJlc291cmNlcz17cmVzb3VyY2VzfVxuICAgICAgICBoZWFydEJ1dHRvbj17aGVhcnRCdXR0b259XG4gICAgICAvPlxuICAgICkgOiBudWxsfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUdyb3VwO1xuIl19 */"));
 var StyledHeading = /*#__PURE__*/(0, _base["default"])("h1", {
   target: "e1on4p7m0",
   label: "StyledHeading"
-})(_core.fonts.sizes('16px', '18px'), ";font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;margin:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCK0IiLCJmaWxlIjoiUmVzb3VyY2VHcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgUmVzb3VyY2VMaXN0LCB7IFJlc291cmNlTGlzdFByb3BzIH0gZnJvbSAnLi9SZXNvdXJjZUxpc3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG50eXBlIFN0eWxlZEhlYWRlclByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUHJvcHM+YFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHsocHJvcHMpID0+IHByb3BzLmludmVydGVkU3R5bGUgJiYgYGNvbG9yOiAjZmZmYH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaW52ZXJ0ZWRTdHlsZT86IGJvb2xlYW47XG4gIHRvZ2dsZUFkZGl0aW9uYWxSZXNvdXJjZXM6ICgpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbjogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFJlc291cmNlR3JvdXAgPSAoe1xuICB0aXRsZSxcbiAgcmVzb3VyY2VzLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgdG9nZ2xlQWRkaXRpb25hbFJlc291cmNlcyxcbiAgY29udGVudFR5cGUsXG4gIGludmVydGVkU3R5bGUsXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIHNob3dBZGRUb0Zhdm9yaXRlQnV0dG9uID0gZmFsc2UsXG59OiBQcm9wcyAmIFJlc291cmNlTGlzdFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIHt0aXRsZSAmJiAoXG4gICAgICA8U3R5bGVkSGVhZGVyIGludmVydGVkU3R5bGU9e2ludmVydGVkU3R5bGV9PlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgKX1cbiAgICB7cmVzb3VyY2VzLmxlbmd0aCA+IDAgPyAoXG4gICAgICA8UmVzb3VyY2VMaXN0XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgb25DbGljaz17dG9nZ2xlQWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgIHJlc291cmNlcz17cmVzb3VyY2VzfVxuICAgICAgICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPXtvblRvZ2dsZUFkZFRvRmF2b3JpdGVzfVxuICAgICAgICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbj17c2hvd0FkZFRvRmF2b3JpdGVCdXR0b259XG4gICAgICAvPlxuICAgICkgOiBudWxsfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUdyb3VwO1xuIl19 */"));
+})(_core.fonts.sizes('16px', '18px'), ";font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;margin:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCK0IiLCJmaWxlIjoiUmVzb3VyY2VHcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgUmVzb3VyY2VMaXN0LCB7IFJlc291cmNlTGlzdFByb3BzIH0gZnJvbSAnLi9SZXNvdXJjZUxpc3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG50eXBlIFN0eWxlZEhlYWRlclByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXI8U3R5bGVkSGVhZGVyUHJvcHM+YFxuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHsocHJvcHMpID0+IHByb3BzLmludmVydGVkU3R5bGUgJiYgYGNvbG9yOiAjZmZmYH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaW52ZXJ0ZWRTdHlsZT86IGJvb2xlYW47XG4gIHRvZ2dsZUFkZGl0aW9uYWxSZXNvdXJjZXM6ICgpID0+IHZvaWQ7XG4gIGhlYXJ0QnV0dG9uPzogKHBhdGg6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgUmVzb3VyY2VHcm91cCA9ICh7XG4gIHRpdGxlLFxuICByZXNvdXJjZXMsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICB0b2dnbGVBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBjb250ZW50VHlwZSxcbiAgaW52ZXJ0ZWRTdHlsZSxcbiAgaGVhcnRCdXR0b24sXG59OiBQcm9wcyAmIFJlc291cmNlTGlzdFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIHt0aXRsZSAmJiAoXG4gICAgICA8U3R5bGVkSGVhZGVyIGludmVydGVkU3R5bGU9e2ludmVydGVkU3R5bGV9PlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgKX1cbiAgICB7cmVzb3VyY2VzLmxlbmd0aCA+IDAgPyAoXG4gICAgICA8UmVzb3VyY2VMaXN0XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgb25DbGljaz17dG9nZ2xlQWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgIHJlc291cmNlcz17cmVzb3VyY2VzfVxuICAgICAgICBoZWFydEJ1dHRvbj17aGVhcnRCdXR0b259XG4gICAgICAvPlxuICAgICkgOiBudWxsfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUdyb3VwO1xuIl19 */"));
 
 var ResourceGroup = function ResourceGroup(_ref) {
   var title = _ref.title,
@@ -46,9 +46,7 @@ var ResourceGroup = function ResourceGroup(_ref) {
       toggleAdditionalResources = _ref.toggleAdditionalResources,
       contentType = _ref.contentType,
       invertedStyle = _ref.invertedStyle,
-      onToggleAddToFavorites = _ref.onToggleAddToFavorites,
-      _ref$showAddToFavorit = _ref.showAddToFavoriteButton,
-      showAddToFavoriteButton = _ref$showAddToFavorit === void 0 ? false : _ref$showAddToFavorit;
+      heartButton = _ref.heartButton;
   return (0, _jsxRuntime.jsxs)(Wrapper, {
     children: [title && (0, _jsxRuntime.jsx)(StyledHeader, {
       invertedStyle: invertedStyle,
@@ -61,8 +59,7 @@ var ResourceGroup = function ResourceGroup(_ref) {
       showAdditionalResources: showAdditionalResources,
       contentType: contentType,
       resources: resources,
-      onToggleAddToFavorites: onToggleAddToFavorites,
-      showAddToFavoriteButton: showAddToFavoriteButton
+      heartButton: heartButton
     }) : null]
   });
 };

package/lib/ResourceGroup/ResourceItem.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+import { ReactNode } from 'react';
 import { Resource } from '../types';
 declare type Props = {
     id: string;
@@ -14,9 +15,7 @@ declare type Props = {
     extraBottomMargin?: boolean;
     showAdditionalResources?: boolean;
     access?: 'teacher';
-    isFavorite?: boolean;
-    onToggleAddToFavorites: (id: string) => void;
-    showAddToFavoriteButton: boolean;
+    heartButton?: (path: string) => ReactNode;
 };
-declare const ResourceItem: ({ id, contentTypeName, contentTypeDescription, name, path, contentType, active, additional, extraBottomMargin, showAdditionalResources, access, onToggleAddToFavorites, isFavorite, showAddToFavoriteButton, }: Props & Resource) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const ResourceItem: ({ id, contentTypeName, contentTypeDescription, name, path, contentType, active, additional, extraBottomMargin, showAdditionalResources, access, heartButton, }: Props & Resource) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ResourceItem;