@ndla/ui 38.0.0 → 39.0.0

package/lib/BlogPost/BlogPost.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { HeadingLevel } from '../types';
-interface Props {
+export interface Props {
     title: {
         title: string;
         language: string;

package/lib/BlogPost/BlogPost.js

@@ -22,16 +22,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var Container = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
   target: "e19zpy302",
   label: "Container"
-})("display:flex;flex-direction:column;color:", _core.colors.text.primary, ";max-width:350px;max-height:415px;gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lightest, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.spacing.medium, ";&[data-size='large']{max-width:532px;max-height:550px;}&:hover,&:focus-within{.blog-title{box-shadow:inset 0 -1px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIGF1dGhvcj86IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdMZXZlbDtcbiAgc2l6ZT86ICdub3JtYWwnIHwgJ2xhcmdlJztcbiAgbWV0YUltYWdlOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgYWx0OiBzdHJpbmc7XG4gIH07XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
-var headingCss = /*#__PURE__*/(0, _react.css)("display:inline-block;width:fit-content;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIGF1dGhvcj86IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdMZXZlbDtcbiAgc2l6ZT86ICdub3JtYWwnIHwgJ2xhcmdlJztcbiAgbWV0YUltYWdlOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgYWx0OiBzdHJpbmc7XG4gIH07XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
+})("display:flex;flex-direction:column;color:", _core.colors.text.primary, ";max-width:350px;max-height:415px;gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lightest, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.spacing.medium, ";&[data-size='large']{max-width:532px;max-height:550px;}&:hover,&:focus-within{.blog-title{box-shadow:inset 0 -1px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
+var headingCss = /*#__PURE__*/(0, _react.css)("display:inline-block;width:fit-content;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
 var AuthorContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e19zpy301",
   label: "AuthorContainer"
-})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIGF1dGhvcj86IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdMZXZlbDtcbiAgc2l6ZT86ICdub3JtYWwnIHwgJ2xhcmdlJztcbiAgbWV0YUltYWdlOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgYWx0OiBzdHJpbmc7XG4gIH07XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
+})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
 var StyledImg = /*#__PURE__*/(0, _base["default"])("img", {
   target: "e19zpy300",
   label: "StyledImg"
-})("border-radius:", _core.misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIGF1dGhvcj86IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdMZXZlbDtcbiAgc2l6ZT86ICdub3JtYWwnIHwgJ2xhcmdlJztcbiAgbWV0YUltYWdlOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgYWx0OiBzdHJpbmc7XG4gIH07XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
+})("border-radius:", _core.misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
 var BlogPost = function BlogPost(_ref) {
   var title = _ref.title,
     author = _ref.author,

package/lib/Grid/Grid.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+export interface GridProps {
+    columns: 2 | 4;
+    border: 'none' | 'lightBlue';
+    children?: ReactNode[];
+}
+declare const Grid: ({ columns, border, children, ...rest }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Grid;

package/lib/Grid/Grid.js

@@ -0,0 +1,48 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["columns", "border", "children"];
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var GridContainer = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e1c0s8mo0",
+  label: "GridContainer"
+})("display:grid;grid-template-columns:auto;justify-content:center;gap:", _core.spacing.large, ";padding:", _core.spacing.medium, ";border-radius:", _core.misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}", _core.mq.range({
+  from: _core.breakpoints.mobileWide
+}), "{grid-template-columns:repeat(2, auto);}", _core.mq.range({
+  from: _core.breakpoints.tabletWide
+}), "{&[data-columns='4']{grid-template-columns:repeat(4, auto);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcjogJ25vbmUnIHwgJ2xpZ2h0Qmx1ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5sYXJnZX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIGF1dG8pO1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIGF1dG8pO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
+var Grid = function Grid(_ref) {
+  var columns = _ref.columns,
+    border = _ref.border,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(GridContainer, _objectSpread(_objectSpread({
+    "data-border": border,
+    "data-columns": columns
+  }, rest), {}, {
+    children: children
+  }));
+};
+var _default = Grid;
+exports["default"] = _default;

package/lib/Grid/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { default as Grid } from './Grid';
+export type { GridProps as GridType } from './Grid';

package/lib/Grid/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
+var _Grid = _interopRequireDefault(require("./Grid"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/index.d.ts

@@ -101,5 +101,7 @@ export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export type { HeartButtonType } from './Embed';
 export { CampaignBlock } from './CampaignBlock';
+export { Grid } from './Grid';
+export type { GridType } from './Grid';
 export { Heading } from './Typography';
 export type { HeadingLevel } from './types';

package/lib/index.js

@@ -520,6 +520,12 @@ Object.defineProperty(exports, "FrontpageToolbox", {
     return _Frontpage.FrontpageToolbox;
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid.Grid;
+  }
+});
 Object.defineProperty(exports, "H5pEmbed", {
   enumerable: true,
   get: function get() {
@@ -1371,6 +1377,7 @@ var _ProgrammeCard = require("./ProgrammeCard");
 var _KeyFigure = require("./KeyFigure");
 var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
 var _CampaignBlock = require("./CampaignBlock");
+var _Grid = require("./Grid");
 var _Typography = require("./Typography");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "38.0.0",
+  "version": "39.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,22 +31,22 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.4",
-    "@ndla/article-scripts": "^3.0.17",
-    "@ndla/button": "^10.1.3",
-    "@ndla/carousel": "^3.1.1",
+    "@ndla/accordion": "^2.2.5",
+    "@ndla/article-scripts": "^3.0.18",
+    "@ndla/button": "^10.1.4",
+    "@ndla/carousel": "^3.1.2",
     "@ndla/core": "^4.0.0",
-    "@ndla/forms": "^4.3.3",
-    "@ndla/hooks": "^2.0.6",
-    "@ndla/icons": "^2.3.1",
+    "@ndla/forms": "^4.3.4",
+    "@ndla/hooks": "^2.0.7",
+    "@ndla/icons": "^3.0.0",
     "@ndla/licenses": "^7.0.4",
-    "@ndla/modal": "^3.0.0",
-    "@ndla/notion": "^5.0.0",
-    "@ndla/safelink": "^4.1.3",
-    "@ndla/switch": "^1.1.1",
-    "@ndla/tabs": "^2.2.3",
-    "@ndla/tooltip": "^4.1.3",
-    "@ndla/util": "^3.1.12",
+    "@ndla/modal": "^3.0.1",
+    "@ndla/notion": "^5.0.1",
+    "@ndla/safelink": "^4.1.4",
+    "@ndla/switch": "^1.1.2",
+    "@ndla/tabs": "^2.2.4",
+    "@ndla/tooltip": "^4.1.4",
+    "@ndla/util": "^3.1.13",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-slider": "^1.1.2",
@@ -67,7 +67,7 @@
     "@emotion/styled": "^11.10.4",
     "i18next": "^21.9.2",
     "lodash": "^4.17.20",
-    "react": "^16.8.4 || ^17.0.0",
+    "react": ">= 16.8.0",
     "react-i18next": "^11.18.6",
     "react-router-dom": "^6.3.0"
   },
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "17e9e7b2a44faba832374a1175c8a02b962d8501"
+  "gitHead": "72e986568cbd38a53cb3d9e2e189d4e309fbb302"
 }

package/src/AudioPlayer/Controls.tsx

@@ -148,9 +148,6 @@ const VolumeWrapper = styled(PopoverRoot)`
   position: relative;
   display: flex;
   justify-content: center;
-  ${mq.range({ until: breakpoints.tabletWide })} {
-    grid-area: volume;
-  }
 `;
 
 const VolumeList = styled(PopoverContent)`
@@ -173,6 +170,12 @@ const VolumeSliderWrapper = styled(SliderRoot)`
   touch-action: none;
 `;
 
+const VolumeButton = styled(IconButtonV2)`
+  ${mq.range({ until: breakpoints.tabletWide })} {
+    grid-area: volume;
+  }
+`;
+
 const VolumeSliderBackground = styled(Track)`
   height: 100%;
   width: 5px;
@@ -359,9 +362,9 @@ const Controls = ({ src, title }: Props) => {
         </ProgressWrapper>
         <VolumeWrapper>
           <PopoverTrigger asChild>
-            <IconButtonV2 variant="ghost" colorTheme="greyLighter" aria-label={t('audio.controls.adjustVolume')}>
+            <VolumeButton variant="ghost" colorTheme="greyLighter" aria-label={t('audio.controls.adjustVolume')}>
               <VolumeUp />
-            </IconButtonV2>
+            </VolumeButton>
           </PopoverTrigger>
           <PopoverPortal>
             <VolumeList side="top">

package/src/BlogPost/BlogPost.stories.tsx

@@ -8,9 +8,21 @@
 
 import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
-import BlogPost from './BlogPost';
+import BlogPost, { Props } from './BlogPost';
 import { defaultParameters } from '../../../../stories/defaults';
 
+const args: Props = {
+  title: { title: 'Min bloggpost', language: 'nb-no' },
+  author: 'Ola Nordmann',
+  url: '#',
+  headingLevel: 'h3',
+  size: 'large',
+  metaImage: {
+    alt: 'Yonghetempelet i Beijing. Foto.',
+    url: 'https://api.test.ndla.no/image-api/raw/id//62870',
+  },
+};
+
 export default {
   title: 'Enkle komponenter/Blog Post',
   component: BlogPost,
@@ -18,21 +30,12 @@ export default {
   parameters: {
     ...defaultParameters,
   },
-  args: {
-    title: { title: 'Min bloggpost', language: 'nb-no' },
-    author: 'Ola Nordmann',
-    url: '#',
-    headingLevel: 'h3',
-    size: 'large',
-    metaImage: {
-      alt: 'Yonghetempelet i Beijing. Foto.',
-      url: 'https://api.test.ndla.no/image-api/raw/20080101-032119-ag.jpg',
-    },
-  },
+  args: args,
 } as Meta<typeof BlogPost>;
 
 export const BlogPostStory: StoryFn<typeof BlogPost> = ({ ...args }) => {
   return <BlogPost {...args} />;
 };
 
+BlogPostStory.args = args;
 BlogPostStory.storyName = 'BlogPost';

package/src/BlogPost/BlogPost.tsx

@@ -13,7 +13,7 @@ import { colors, fonts, misc, spacing } from '@ndla/core';
 import { Quote } from '@ndla/icons/editor';
 import { HeadingLevel } from '../types';
 
-interface Props {
+export interface Props {
   title: {
     title: string;
     language: string;

package/src/Grid/Grid.stories.tsx

@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from 'react';
+import { Meta, StoryFn } from '@storybook/react';
+import Grid from './Grid';
+import { defaultParameters } from '../../../../stories/defaults';
+import { BlogPostStory } from '../BlogPost/BlogPost.stories';
+import { KeyFigureStory } from '../KeyFigure/KeyFigure.stories';
+
+export default {
+  title: 'Enkle komponenter/Grid',
+  component: Grid,
+  tags: ['autodocs'],
+  parameters: {
+    ...defaultParameters,
+    layout: 'centered',
+  },
+  args: {
+    columns: 2,
+    border: false,
+  },
+} as Meta<typeof Grid>;
+
+export const GridKeyPerformanceStory: StoryFn<typeof Grid> = ({ ...args }) => {
+  return (
+    <Grid {...args}>
+      <KeyFigureStory
+        title={KeyFigureStory.args?.title!}
+        subtitle={KeyFigureStory.args?.subtitle!}
+        image={KeyFigureStory.args?.image}
+      />
+      <KeyFigureStory
+        title={KeyFigureStory.args?.title!}
+        subtitle={KeyFigureStory.args?.subtitle!}
+        image={KeyFigureStory.args?.image}
+      />
+    </Grid>
+  );
+};
+
+export const GridBlogPostStory: StoryFn<typeof Grid> = ({ ...args }) => {
+  return (
+    <Grid {...args}>
+      <BlogPostStory
+        metaImage={BlogPostStory.args?.metaImage!}
+        title={BlogPostStory.args?.title!}
+        size={BlogPostStory.args?.size}
+        headingLevel={BlogPostStory.args?.headingLevel}
+        url={BlogPostStory.args?.url!}
+        author={BlogPostStory.args?.author}
+      />
+      <BlogPostStory
+        metaImage={BlogPostStory.args?.metaImage!}
+        title={BlogPostStory.args?.title!}
+        size={BlogPostStory.args?.size}
+        headingLevel={BlogPostStory.args?.headingLevel}
+        url={BlogPostStory.args?.url!}
+        author={BlogPostStory.args?.author}
+      />
+    </Grid>
+  );
+};

package/src/Grid/Grid.tsx

@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import styled from '@emotion/styled';
+import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
+import { ReactNode } from 'react';
+
+export interface GridProps {
+  columns: 2 | 4;
+  border: 'none' | 'lightBlue';
+  children?: ReactNode[];
+}
+
+const GridContainer = styled.div`
+  display: grid;
+  grid-template-columns: auto;
+  justify-content: center;
+  gap: ${spacing.large};
+  padding: ${spacing.medium};
+
+  border-radius: ${misc.borderRadius};
+
+  &[data-border='lightBlue'] {
+    border: 1px solid ${colors.brand.light};
+  }
+
+  ${mq.range({ from: breakpoints.mobileWide })} {
+    grid-template-columns: repeat(2, auto);
+  }
+
+  ${mq.range({ from: breakpoints.tabletWide })} {
+    &[data-columns='4'] {
+      grid-template-columns: repeat(4, auto);
+    }
+  }
+
+  p {
+    word-break: break-word;
+  }
+
+  /** The styling here is to handle figures/text until a new figure element is developed */
+  figure,
+  iframe {
+    inset: 0;
+    width: 100% !important;
+    padding: 0;
+  }
+`;
+
+const Grid = ({ columns, border, children, ...rest }: GridProps) => {
+  return (
+    <GridContainer data-border={border} data-columns={columns} {...rest}>
+      {children}
+    </GridContainer>
+  );
+};
+
+export default Grid;

package/src/Grid/index.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as Grid } from './Grid';
+export type { GridProps as GridType } from './Grid';

package/src/KeyFigure/KeyFigure.stories.tsx

@@ -10,6 +10,14 @@ import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
 import { defaultParameters } from '../../../../stories/defaults';
 import KeyFigure from './KeyFigure';
+const args = {
+  title: '500',
+  subtitle: 'TVERRFAGLIGE RESSURSER',
+  image: {
+    alt: 'Nøkkeltall tverrfaglig',
+    src: 'https://api.test.ndla.no/image-api/raw/wMowCjRg.svg',
+  },
+};
 
 export default {
   title: 'Enkle komponenter/Nøkkeltall',
@@ -19,18 +27,12 @@ export default {
     ...defaultParameters,
     layout: 'centered',
   },
-  args: {
-    title: '500',
-    subtitle: 'TVERRFAGLIGE RESSURSER',
-    image: {
-      alt: 'Nøkkeltall tverrfaglig',
-      src: 'https://api.test.ndla.no/image-api/raw/wMowCjRg.svg',
-    },
-  },
+  args: args,
 } as Meta<typeof KeyFigure>;
 
 export const KeyFigureStory: StoryFn<typeof KeyFigure> = ({ ...args }) => {
   return <KeyFigure {...args} />;
 };
 
+KeyFigureStory.args = args;
 KeyFigureStory.storyName = 'Nøkkeltall';

package/src/index.ts

@@ -276,5 +276,7 @@ export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export type { HeartButtonType } from './Embed';
 export { CampaignBlock } from './CampaignBlock';
+export { Grid } from './Grid';
+export type { GridType } from './Grid';
 export { Heading } from './Typography';
 export type { HeadingLevel } from './types';