@ndla/ui 25.0.2 → 25.1.0

package/es/Subject/SubjectShortcuts.js

@@ -1,6 +1,6 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+import _styled from "@emotion/styled-base";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -24,16 +24,45 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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)."; }
+
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { TransitionGroup } from 'react-transition-group';
-import BEMHelper from 'react-bem-helper';
+import { colors, fonts, spacing } from '@ndla/core';
 import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import { SubjectSectionTitle } from './Subject';
 import Fade from '../Animation/Fade';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-shortcuts');
+
+var SubjectShortcutsSection = _styled("section", {
+  target: "em7bbej0",
+  label: "SubjectShortcutsSection"
+})("margin-bottom:", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM4QyIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */"));
+
+var StyledTransitionGroup = /*#__PURE__*/_styled(TransitionGroup, {
+  target: "em7bbej1",
+  label: "StyledTransitionGroup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1i4ie59",
+  styles: "display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;"
+} : {
+  name: "1i4ie59",
+  styles: "display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxRCIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var StyledListItem = _styled("li", {
+  target: "em7bbej2",
+  label: "StyledListItem"
+})("display:block;margin-right:9px;margin-bottom:9px;a{display:block;background:", colors.brand.light, ";box-shadow:none;border-radius:5px;", fonts.sizes('18px', '23px'), ";font-weight:", fonts.weight.semibold, ";color:", colors.brand.dark, ";padding:9px 20px;&:hover,&:active,&:focus{background-color:", colors.brand.primary, ";color:", colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCZ0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+
+var StyledButton = _styled("button", {
+  target: "em7bbej3",
+  label: "StyledButton"
+})("display:flex;background:none;border:0;align-items:center;padding:0;color:", colors.brand, ";margin-top:", spacing.normal, ";cursor:pointer;.c-icon{width:18px;height:18px;margin-right:", spacing.xsmall, ";}span{", fonts.sizes('14px', '18px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDa0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+
 var defaultVisableCount = 6;
 
 var SubjectShortcuts = /*#__PURE__*/function (_Component) {
@@ -79,28 +108,27 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
       if (showExpand) {
         var isExpanded = this.state.visibleCount > defaultVisableCount;
         var buttonText = isExpanded ? messages.showLess : messages.showMore;
-        button = ___EmotionJSX("button", _extends({
+        button = ___EmotionJSX(StyledButton, {
           type: "button",
           "aria-expanded": isExpanded,
           "aria-controls": id,
           onClick: function onClick() {
             return _this2.handleOnExpand(!isExpanded);
           }
-        }, classes('expand-button')), ___EmotionJSX(Forward, null), ___EmotionJSX("span", null, buttonText));
+        }, ___EmotionJSX(Forward, null), ___EmotionJSX("span", null, buttonText));
         filteredLinks = this.props.links.filter(function (link, index) {
           return index < _this2.state.visibleCount;
         });
       }
 
-      return ___EmotionJSX("section", classes(''), ___EmotionJSX(SubjectSectionTitle, null, messages.heading), ___EmotionJSX("nav", {
+      return ___EmotionJSX(SubjectShortcutsSection, null, ___EmotionJSX(SubjectSectionTitle, null, messages.heading), ___EmotionJSX("nav", {
         id: id
-      }, ___EmotionJSX(TransitionGroup, {
-        className: classes('list').className,
+      }, ___EmotionJSX(StyledTransitionGroup, {
         component: "ul"
       }, filteredLinks.map(function (link) {
         return ___EmotionJSX(Fade, {
           key: link.url
-        }, ___EmotionJSX("li", classes('item'), ___EmotionJSX(SafeLink, {
+        }, ___EmotionJSX(StyledListItem, null, ___EmotionJSX(SafeLink, {
           to: link.url
         }, link.text)));
       }))), button);
@@ -110,19 +138,6 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
   return SubjectShortcuts;
 }(Component);
 
-_defineProperty(SubjectShortcuts, "propTypes", {
-  links: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired
-  })).isRequired,
-  messages: PropTypes.shape({
-    heading: PropTypes.string.isRequired,
-    showMore: PropTypes.string.isRequired,
-    showLess: PropTypes.string.isRequired
-  }).isRequired,
-  defaultVisableCount: PropTypes.number
-});
-
 _defineProperty(SubjectShortcuts, "defaultProps", {
   defaultVisableCount: defaultVisableCount
 });

package/es/Subject/SubjectSocial.js

@@ -1,27 +1,29 @@
+import _styled from "@emotion/styled-base";
+import { breakpoints, mq, spacing } from '@ndla/core';
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
 import { SubjectSectionTitle } from './Subject';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-social');
+
+var StyledSubjectSocialContent = _styled("div", {
+  target: "e1myfrk60",
+  label: "StyledSubjectSocialContent"
+})("display:none;", mq.range({
+  from: breakpoints.tabletWide
+}), "{display:flex;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QyIsImZpbGUiOiJTdWJqZWN0U29jaWFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RTb2NpYWxDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PlxuKTtcblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBmbGV4LWJhc2lzOiA1MCU7XG4gICY6bnRoLWNoaWxkKG9kZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCB0aXRsZSA9ICcnIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgdGl0bGU/OiBzdHJpbmcgfSkgPT4gKFxuICA8U3R5bGVkU2VjdGlvbj5cbiAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57dGl0bGV9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcbiJdfQ== */"));
+
 export var SubjectSocialContent = function SubjectSocialContent(_ref) {
   var children = _ref.children;
-  return ___EmotionJSX("div", classes('content'), children);
-};
-SubjectSocialContent.propTypes = {
-  children: PropTypes.node.isRequired
+  return ___EmotionJSX(StyledSubjectSocialContent, null, children);
 };
+
+var StyledSection = _styled("section", {
+  target: "e1myfrk61",
+  label: "StyledSection"
+})("flex-basis:50%;&:nth-child(odd){margin-right:", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCb0MiLCJmaWxlIjoiU3ViamVjdFNvY2lhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuY29uc3QgU3R5bGVkU3ViamVjdFNvY2lhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsQ29udGVudCA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD57Y2hpbGRyZW59PC9TdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD5cbik7XG5cbmNvbnN0IFN0eWxlZFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgZmxleC1iYXNpczogNTAlO1xuICAmOm50aC1jaGlsZChvZGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdFNvY2lhbFNlY3Rpb24gPSAoeyBjaGlsZHJlbiwgdGl0bGUgPSAnJyB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGU7IHRpdGxlPzogc3RyaW5nIH0pID0+IChcbiAgPFN0eWxlZFNlY3Rpb24+XG4gICAgPFN1YmplY3RTZWN0aW9uVGl0bGU+e3RpdGxlfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkU2VjdGlvbj5cbik7XG4iXX0= */"));
+
 export var SubjectSocialSection = function SubjectSocialSection(_ref2) {
   var children = _ref2.children,
-      title = _ref2.title;
-  return ___EmotionJSX("section", classes('section'), ___EmotionJSX(SubjectSectionTitle, {
-    className: classes('title').className
-  }, title), children);
-};
-SubjectSocialSection.propTypes = {
-  children: PropTypes.node.isRequired,
-  title: PropTypes.string
-};
-SubjectSocialSection.defaultProps = {
-  title: ''
+      _ref2$title = _ref2.title,
+      title = _ref2$title === void 0 ? '' : _ref2$title;
+  return ___EmotionJSX(StyledSection, null, ___EmotionJSX(SubjectSectionTitle, null, title), children);
 };