@ndla/ui 50.5.0 → 50.5.2

package/es/locale/messages-en.js

@@ -950,7 +950,8 @@ const messages = {
       title: 'Arena',
       category: {
         title: 'Categories',
-        posts: 'Posts'
+        posts: 'post',
+        posts_plural: 'posts'
       },
       new: {
         post: 'Write a reply',
@@ -983,18 +984,21 @@ const messages = {
       publish: 'Publish',
       topic: {
         isDeleted: 'The topic has been deleted and can not be displayed.',
-        responses: 'Responses',
+        responses: 'response',
+        responses_plural: 'responses',
         topicContent: 'Write your topic here',
         fetchMore: 'Fetch more topics'
       },
       posts: {
+        title: 'Posts',
         notify: 'Get notified of new answers',
         dropdownMenu: {
           report: 'Report post to moderator',
           edit: 'Edit post',
           delete: 'Delete post'
         },
-        fetchMore: 'Fetch more answers'
+        fetchMore: 'Fetch more answers',
+        deleted: 'This post has been deleted by the author.'
       },
       flag: {
         title: 'Report post / comment',
@@ -1008,7 +1012,7 @@ const messages = {
         maxLength: 'The maximum length for the text field is reached',
         error: 'The field is required'
       },
-      bottomText: 'Are you missing a category? You can request new categories. Use "Ask NDLA" or send an email to moderator@ndla.no',
+      bottomText: 'Are you missing a category? Let our moderator know at moderator@ndla.no',
       notification: {
         title: 'Notifications',
         showAll: 'View all notifications',

package/es/locale/messages-nb.js

@@ -950,7 +950,8 @@ const messages = {
       title: 'Arena',
       category: {
         title: 'Kategorier',
-        posts: 'Innlegg'
+        posts: 'innlegg',
+        posts_plural: 'innlegg'
       },
       publish: 'Publiser',
       new: {
@@ -983,18 +984,21 @@ const messages = {
       },
       topic: {
         isDeleted: 'Innlegget har blitt slettet og kan ikke vises.',
-        responses: 'Svar',
+        responses: 'svar',
+        responses_plural: 'svar',
         topicContent: 'Skriv innlegget ditt her',
         fetchMore: 'Hent flere innlegg'
       },
       posts: {
+        title: 'Innlegg',
         notify: 'Få varsel om nye svar',
         dropdownMenu: {
           report: 'Rapporter innlegg til moderator',
           edit: 'Rediger innlegg',
           delete: 'Slett innlegget'
         },
-        fetchMore: 'Hent flere svar'
+        fetchMore: 'Hent flere svar',
+        deleted: 'Dette innlegget er slettet av forfatteren.'
       },
       flag: {
         title: 'Rapporter innlegg / kommentar',
@@ -1008,7 +1012,7 @@ const messages = {
         maxLength: 'Maksimal lengde for tekstfeltet er nådd',
         error: 'Feltet er påkrevd'
       },
-      bottomText: 'Savner du en kategori? Du kan be om nye kategorier. Bruk “Spør NDLA” eller send en epost til moderator@ndla.no',
+      bottomText: 'Savner du en kategori? Gi vår moderator beskjed på moderator@ndla.no',
       notification: {
         title: 'Varslinger',
         showAll: 'Se alle varslinger',

package/es/locale/messages-nn.js

@@ -950,7 +950,8 @@ const messages = {
       title: 'Arena',
       category: {
         title: 'Kategoriar',
-        posts: 'Innlegg'
+        posts: 'innlegg',
+        posts_plural: 'innlegg'
       },
       publish: 'Publiser',
       new: {
@@ -975,7 +976,8 @@ const messages = {
       },
       topic: {
         isDeleted: 'Innlegget har vorte sletta og kan ikkje visast.',
-        responses: 'Svar',
+        responses: 'svar',
+        responses_plural: 'svar',
         topicContent: 'Skriv innlegget ditt her',
         fetchMore: 'Hent fleire innlegg'
       },
@@ -988,13 +990,15 @@ const messages = {
         topic: 'Innlegget har blitt oppdatert.'
       },
       posts: {
+        title: 'Innlegg',
         notify: 'Få varsel om nye svar',
         dropdownMenu: {
           report: 'Rapporter innlegg til moderator',
           edit: 'Rediger innlegg',
           delete: 'Slett innlegget'
         },
-        fetchMore: 'Hent fleire svar'
+        fetchMore: 'Hent fleire svar',
+        deleted: 'Dette innlegget er sletta av forfatteren.'
       },
       flag: {
         title: 'Rapporter innlegg / kommentar',
@@ -1008,7 +1012,7 @@ const messages = {
         maxLength: 'Maksimal lengd for tekstfeltet er nådd',
         error: 'Feltet er påkravd'
       },
-      bottomText: 'Saknar du ein kategori? Du kan be om nye kategoriar. Bruk "Spør NDLA" eller send ein epost til moderator@ndla.no',
+      bottomText: 'Saknar du ein kategori? Gi moderatoren vår beskjed på moderator@ndla.no',
       notification: {
         title: 'Varslingar',
         showAll: 'Sjå alle varslingar',

package/es/locale/messages-se.js

@@ -950,7 +950,8 @@ const messages = {
       title: 'Arena',
       category: {
         title: 'Lágit',
-        posts: 'Sáhkavuorru'
+        posts: 'sáhkavuorru',
+        posts_plural: 'sáhkavuorru'
       },
       publish: 'Almmuheaddji',
       new: {
@@ -983,18 +984,21 @@ const messages = {
       },
       topic: {
         isDeleted: 'Čálus lea sihkojuvvon iige sáhte čájehuvvot.',
-        responses: 'Vástidan',
+        responses: 'vástidan',
+        responses_plural: 'vástidan',
         topicContent: 'Čále sáhkavuoru dása',
         fetchMore: 'Viečča eanet čállosiid'
       },
       posts: {
+        title: 'Sáhkavuorru',
         notify: 'Oaččo dieđu ođđa vástádusaid birra',
         dropdownMenu: {
           report: 'Raportere čállosa moderatorii',
           edit: 'Doaimmat čállosa',
           delete: 'Sihko čállosa'
         },
-        fetchMore: 'Viečča eanet vástádusaid'
+        fetchMore: 'Viečča eanet vástádusaid',
+        deleted: 'Čálli lea sihkon dán sáhkavuoru.'
       },
       flag: {
         title: 'Rapportere čállosa / kommentára',
@@ -1008,7 +1012,7 @@ const messages = {
         maxLength: 'Teakstagieddeguhkkodat lea joavdan',
         error: 'Fealta gáibiduvvo'
       },
-      bottomText: 'Váillahat go ovtta lági? Sáhtát jearrat ođđa lágiid. Geavat "Gihtten NDLA" dahje sádde e-poastta moderatator@ndla.no',
+      bottomText: 'Váillahat go ovtta lági? Atte min moderatora dieđu dása moderator@ndla.no',
       notification: {
         title: 'Muittuhusat',
         showAll: 'Čájet buot dieđuid',

package/es/locale/messages-sma.js

@@ -950,7 +950,8 @@ const messages = {
       title: 'Sijjie',
       category: {
         title: 'Lïhtsh',
-        posts: 'Håaleme'
+        posts: 'håaleme',
+        posts_plural: 'håaleme'
       },
       publish: 'Bæjhkoehtidh',
       new: {
@@ -983,18 +984,21 @@ const messages = {
       },
       topic: {
         isDeleted: 'Tjaalege lea sliejhteme jïh ij maehtieh dam vuesiehtidh.',
-        responses: 'Vaestiedasse',
+        responses: 'vaestiedasse',
+        responses_plural: 'vaestiedasse',
         topicContent: 'Tjaelieh dov håalemem daesnie',
         fetchMore: 'Veedtjh jienebh saadtegh'
       },
       posts: {
+        title: 'Håaleme',
         notify: 'Bïeljelh mejtie orre vaestiedassh',
         dropdownMenu: {
           report: 'Reekth håalemem moderatovrese',
           edit: 'Jarkelimmie håalemistie',
           delete: 'Slett innlegget'
         },
-        fetchMore: 'Jienebh vaestiedassh veedtjedh'
+        fetchMore: 'Jienebh vaestiedassh veedtjedh',
+        deleted: 'Daate tjaalege lea tjaalegen tjïrrh sliejhteme.'
       },
       flag: {
         title: 'Påastem reektehtidh / kommentaarem',
@@ -1008,7 +1012,7 @@ const messages = {
         maxLength: 'Jeenjemes gåhkoe tjaalegegievleste båateme',
         error: 'Bielie daerpies'
       },
-      bottomText: 'Akte kategorije datne ohtsedh ? Datne maahtah orre kategoriji bïjre rohkelidh Nuhtjh "Gihtjh NDLA" jallh seedth e-påastem moderaator@ndla.no',
+      bottomText: 'Akte kategorije datne ohtsedh? Vedtieh mijjen moderatovrese bieljelimmiem moderatore@ndla.no',
       notification: {
         title: 'Bïeljelimmie',
         showAll: 'Gaajhkh bæjhkoehtimmieh vuartasjidh',

package/lib/Aside/Aside.d.ts

@@ -5,15 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from 'react';
-interface Props {
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    };
-    children?: ReactNode;
+import { ComponentProps } from 'react';
+interface Props extends ComponentProps<'aside'> {
     narrowScreen?: boolean;
     wideScreen?: boolean;
     alwaysShow?: boolean;
 }
-declare const Aside: ({ children, narrowScreen, dangerouslySetInnerHTML, wideScreen, alwaysShow, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Aside: ({ children, narrowScreen, wideScreen, alwaysShow, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Aside;

package/lib/Aside/Aside.js

@@ -4,39 +4,75 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _core = require("@ndla/core");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
  * Copyright (c) 2018-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-const classes = (0, _reactBemHelper.default)({
-  prefix: 'c-',
-  name: 'aside'
-});
+const StyledAside = /*#__PURE__*/(0, _base.default)("aside", {
+  target: "e13v5cf61",
+  label: "StyledAside"
+})("position:relative;margin:", _core.spacing.large, " 0px;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{max-width:350px;float:right;clear:right;width:50%;left:auto!important;padding:0;padding-left:", _core.spacing.small, ";", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{width:75%;}}border-left:4px solid ", _core.colors.background.dark, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzaWRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmdDIiwiZmlsZSI6IkFzaWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8J2FzaWRlJz4ge1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbiAgYWx3YXlzU2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBjbGVhcjogcmlnaHQ7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIHdpZHRoOiA3NSU7XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAke2NvbG9ycy5iYWNrZ3JvdW5kLmRhcmt9O1xuYDtcblxuY29uc3Qgd2lkZVNjcmVlblN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IG5hcnJvd1NjcmVlblN0eWxlID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgYWx3YXlzU2hvd1N0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgU3R5bGVkQXNpZGVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbiAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICAke2ZvbnRzLnNpemUudGV4dC5tZXRhVGV4dC5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuXG4gICYgPiB1bDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gdWw6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICYgPiBvbDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gb2w6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBBc2lkZSA9ICh7IGNoaWxkcmVuLCBuYXJyb3dTY3JlZW4gPSBmYWxzZSwgd2lkZVNjcmVlbiA9IGZhbHNlLCBhbHdheXNTaG93ID0gZmFsc2UsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3R5bGluZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmIChuYXJyb3dTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKG5hcnJvd1NjcmVlblN0eWxlKTtcbiAgICB9XG4gICAgaWYgKHdpZGVTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKHdpZGVTY3JlZW5TdHlsZSk7XG4gICAgfVxuICAgIGlmIChhbHdheXNTaG93KSB7XG4gICAgICBzdHlsZXMucHVzaChhbHdheXNTaG93U3R5bGUpO1xuICAgIH1cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9LCBbYWx3YXlzU2hvdywgbmFycm93U2NyZWVuLCB3aWRlU2NyZWVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgY3NzPXtzdHlsaW5nfSB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkQXNpZGVDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZEFzaWRlQ29udGVudD5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXNpZGU7XG4iXX0= */"));
+const wideScreenStyle = /*#__PURE__*/(0, _react2.css)("display:none;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{display:block;};label:wideScreenStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzaWRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzJCIiwiZmlsZSI6IkFzaWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8J2FzaWRlJz4ge1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbiAgYWx3YXlzU2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBjbGVhcjogcmlnaHQ7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIHdpZHRoOiA3NSU7XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAke2NvbG9ycy5iYWNrZ3JvdW5kLmRhcmt9O1xuYDtcblxuY29uc3Qgd2lkZVNjcmVlblN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IG5hcnJvd1NjcmVlblN0eWxlID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgYWx3YXlzU2hvd1N0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgU3R5bGVkQXNpZGVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbiAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICAke2ZvbnRzLnNpemUudGV4dC5tZXRhVGV4dC5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuXG4gICYgPiB1bDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gdWw6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICYgPiBvbDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gb2w6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBBc2lkZSA9ICh7IGNoaWxkcmVuLCBuYXJyb3dTY3JlZW4gPSBmYWxzZSwgd2lkZVNjcmVlbiA9IGZhbHNlLCBhbHdheXNTaG93ID0gZmFsc2UsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3R5bGluZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmIChuYXJyb3dTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKG5hcnJvd1NjcmVlblN0eWxlKTtcbiAgICB9XG4gICAgaWYgKHdpZGVTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKHdpZGVTY3JlZW5TdHlsZSk7XG4gICAgfVxuICAgIGlmIChhbHdheXNTaG93KSB7XG4gICAgICBzdHlsZXMucHVzaChhbHdheXNTaG93U3R5bGUpO1xuICAgIH1cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9LCBbYWx3YXlzU2hvdywgbmFycm93U2NyZWVuLCB3aWRlU2NyZWVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgY3NzPXtzdHlsaW5nfSB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkQXNpZGVDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZEFzaWRlQ29udGVudD5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXNpZGU7XG4iXX0= */"));
+const narrowScreenStyle = /*#__PURE__*/(0, _react2.css)(_core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{display:none;};label:narrowScreenStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzaWRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzZCIiwiZmlsZSI6IkFzaWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8J2FzaWRlJz4ge1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbiAgYWx3YXlzU2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBjbGVhcjogcmlnaHQ7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIHdpZHRoOiA3NSU7XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAke2NvbG9ycy5iYWNrZ3JvdW5kLmRhcmt9O1xuYDtcblxuY29uc3Qgd2lkZVNjcmVlblN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IG5hcnJvd1NjcmVlblN0eWxlID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgYWx3YXlzU2hvd1N0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgU3R5bGVkQXNpZGVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbiAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICAke2ZvbnRzLnNpemUudGV4dC5tZXRhVGV4dC5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuXG4gICYgPiB1bDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gdWw6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICYgPiBvbDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gb2w6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBBc2lkZSA9ICh7IGNoaWxkcmVuLCBuYXJyb3dTY3JlZW4gPSBmYWxzZSwgd2lkZVNjcmVlbiA9IGZhbHNlLCBhbHdheXNTaG93ID0gZmFsc2UsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3R5bGluZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmIChuYXJyb3dTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKG5hcnJvd1NjcmVlblN0eWxlKTtcbiAgICB9XG4gICAgaWYgKHdpZGVTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKHdpZGVTY3JlZW5TdHlsZSk7XG4gICAgfVxuICAgIGlmIChhbHdheXNTaG93KSB7XG4gICAgICBzdHlsZXMucHVzaChhbHdheXNTaG93U3R5bGUpO1xuICAgIH1cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9LCBbYWx3YXlzU2hvdywgbmFycm93U2NyZWVuLCB3aWRlU2NyZWVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgY3NzPXtzdHlsaW5nfSB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkQXNpZGVDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZEFzaWRlQ29udGVudD5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXNpZGU7XG4iXX0= */"));
+const alwaysShowStyle = process.env.NODE_ENV === "production" ? {
+  name: "rn7xuo-alwaysShowStyle",
+  styles: "display:block!important;label:alwaysShowStyle;"
+} : {
+  name: "rn7xuo-alwaysShowStyle",
+  styles: "display:block!important;label:alwaysShowStyle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzaWRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRDJCIiwiZmlsZSI6IkFzaWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8J2FzaWRlJz4ge1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbiAgYWx3YXlzU2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBjbGVhcjogcmlnaHQ7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIHdpZHRoOiA3NSU7XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAke2NvbG9ycy5iYWNrZ3JvdW5kLmRhcmt9O1xuYDtcblxuY29uc3Qgd2lkZVNjcmVlblN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IG5hcnJvd1NjcmVlblN0eWxlID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgYWx3YXlzU2hvd1N0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgU3R5bGVkQXNpZGVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbiAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICAke2ZvbnRzLnNpemUudGV4dC5tZXRhVGV4dC5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuXG4gICYgPiB1bDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gdWw6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICYgPiBvbDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gb2w6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBBc2lkZSA9ICh7IGNoaWxkcmVuLCBuYXJyb3dTY3JlZW4gPSBmYWxzZSwgd2lkZVNjcmVlbiA9IGZhbHNlLCBhbHdheXNTaG93ID0gZmFsc2UsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3R5bGluZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmIChuYXJyb3dTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKG5hcnJvd1NjcmVlblN0eWxlKTtcbiAgICB9XG4gICAgaWYgKHdpZGVTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKHdpZGVTY3JlZW5TdHlsZSk7XG4gICAgfVxuICAgIGlmIChhbHdheXNTaG93KSB7XG4gICAgICBzdHlsZXMucHVzaChhbHdheXNTaG93U3R5bGUpO1xuICAgIH1cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9LCBbYWx3YXlzU2hvdywgbmFycm93U2NyZWVuLCB3aWRlU2NyZWVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgY3NzPXtzdHlsaW5nfSB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkQXNpZGVDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZEFzaWRlQ29udGVudD5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXNpZGU7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StyledAsideContent = /*#__PURE__*/(0, _base.default)("div", {
+  target: "e13v5cf60",
+  label: "StyledAsideContent"
+})("color:", _core.colors.brand.greyDark, ";padding:", _core.spacing.normal, ";&>*:first-child{margin-top:0;}&>*:last-child{margin-bottom:0;}h2,h3,h4,h5{", _core.fonts.size.text.metaText.small, ";margin-top:", _core.spacing.normal, ";margin-bottom:", _core.spacing.small, ";}&>ul:not([class]),:not(li)>ul:not([class]){", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{margin-left:", _core.spacing.normal, ";}}&>ol:not([class]),:not(li)>ol:not([class]){", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{margin-left:", _core.spacing.large, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzaWRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RHFDIiwiZmlsZSI6IkFzaWRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8J2FzaWRlJz4ge1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbiAgYWx3YXlzU2hvdz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuICAgIGZsb2F0OiByaWdodDtcbiAgICBjbGVhcjogcmlnaHQ7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIHdpZHRoOiA3NSU7XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLWxlZnQ6IDRweCBzb2xpZCAke2NvbG9ycy5iYWNrZ3JvdW5kLmRhcmt9O1xuYDtcblxuY29uc3Qgd2lkZVNjcmVlblN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IG5hcnJvd1NjcmVlblN0eWxlID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgYWx3YXlzU2hvd1N0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgU3R5bGVkQXNpZGVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbiAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICAke2ZvbnRzLnNpemUudGV4dC5tZXRhVGV4dC5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuXG4gICYgPiB1bDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gdWw6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICYgPiBvbDpub3QoW2NsYXNzXSksXG4gIDpub3QobGkpID4gb2w6bm90KFtjbGFzc10pIHtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBBc2lkZSA9ICh7IGNoaWxkcmVuLCBuYXJyb3dTY3JlZW4gPSBmYWxzZSwgd2lkZVNjcmVlbiA9IGZhbHNlLCBhbHdheXNTaG93ID0gZmFsc2UsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3R5bGluZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmIChuYXJyb3dTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKG5hcnJvd1NjcmVlblN0eWxlKTtcbiAgICB9XG4gICAgaWYgKHdpZGVTY3JlZW4pIHtcbiAgICAgIHN0eWxlcy5wdXNoKHdpZGVTY3JlZW5TdHlsZSk7XG4gICAgfVxuICAgIGlmIChhbHdheXNTaG93KSB7XG4gICAgICBzdHlsZXMucHVzaChhbHdheXNTaG93U3R5bGUpO1xuICAgIH1cbiAgICByZXR1cm4gc3R5bGVzO1xuICB9LCBbYWx3YXlzU2hvdywgbmFycm93U2NyZWVuLCB3aWRlU2NyZWVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgY3NzPXtzdHlsaW5nfSB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkQXNpZGVDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZEFzaWRlQ29udGVudD5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXNpZGU7XG4iXX0= */"));
 const Aside = _ref => {
   let {
     children,
     narrowScreen = false,
-    dangerouslySetInnerHTML,
     wideScreen = false,
-    alwaysShow = false
+    alwaysShow = false,
+    ...rest
   } = _ref;
-  const modifiers = {
-    narrowScreen,
-    wideScreen,
-    alwaysShow
-  };
-  return (0, _jsxRuntime.jsx)("aside", {
-    ...classes('', modifiers),
-    children: (0, _jsxRuntime.jsx)("div", {
-      ...classes('content'),
-      dangerouslySetInnerHTML: dangerouslySetInnerHTML,
+  const styling = (0, _react.useMemo)(() => {
+    const styles = [];
+    if (narrowScreen) {
+      styles.push(narrowScreenStyle);
+    }
+    if (wideScreen) {
+      styles.push(wideScreenStyle);
+    }
+    if (alwaysShow) {
+      styles.push(alwaysShowStyle);
+    }
+    return styles;
+  }, [alwaysShow, narrowScreen, wideScreen]);
+  return (0, _jsxRuntime.jsx)(StyledAside, {
+    css: styling,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(StyledAsideContent, {
       children: children
     })
   });

package/lib/ContentTypeBadge/ContentTypeBadge.d.ts

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-interface Props {
+import { ComponentProps } from 'react';
+interface Props extends ComponentProps<'div'> {
     size?: 'xx-small' | 'x-small' | 'small' | 'large';
     type: string;
     title?: string;
@@ -13,7 +14,7 @@ interface Props {
     border?: boolean;
     className?: string;
 }
-export declare const ContentTypeBadge: ({ type, background, title, size, border, className }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ContentTypeBadge: ({ type, background, title, size, border, className, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SubjectMaterialBadge: (props: Omit<Props, 'type'>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const TasksAndActivitiesBadge: (props: Omit<Props, 'type'>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const AssessmentResourcesBadge: (props: Omit<Props, 'type'>) => import("@emotion/react/jsx-runtime").JSX.Element;