@ndla/ui 16.0.0 → 16.1.0

package/lib/NDLAFilm/NavigationArrow.js

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StyledNavigationArrow = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _react = _interopRequireDefault(require("react"));
 
 var _common = require("@ndla/icons/common");
 
-var _core = require("@emotion/core");
+var _core = require("@ndla/core");
+
+var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -22,23 +24,45 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
-var classes = new _reactBemHelper["default"]({
-  name: 'film-slideshow',
-  prefix: 'c-'
-});
+var StyledNavigationArrow = (0, _styledBase["default"])("div", {
+  target: "e1t1wmd10",
+  label: "StyledNavigationArrow"
+})("opacity:0;transition:transform 800ms ease,opacity 800ms ease;display:flex;justify-content:center;flex-direction:column;position:absolute;align-items:center;z-index:2;height:70vw;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:60vw;}", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{height:55vw;}", _core.mq.range({
+  from: _core.breakpoints.wide
+}), "{height:40vw;}", _core.mq.range({
+  from: _core.breakpoints.ultraWide
+}), "{height:36vw;}transform:translate(", _core.spacing.xsmall, ",0);", function (props) {
+  return props.right && "\n    right: 0;\n    transform: translate(".concat(_core.spacing.xsmall, ", 0);\n  ");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyRSIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGBcbiAgICByaWdodDogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX0+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */");
+exports.StyledNavigationArrow = StyledNavigationArrow;
+var NavigationArrowButton = (0, _styledBase["default"])("button", {
+  target: "e1t1wmd11",
+  label: "NavigationArrowButton"
+})("padding:", _core.spacing.normal, " 0;border-radius:4px;outline:none;background:transparent;color:", _core.colors.white, ";border:0;&:hover,&:focus{.c-icon{opacity:1;}background:rgba(0,0,0,0.1);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QyQyIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGBcbiAgICByaWdodDogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX0+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
+var chevronCss = /*#__PURE__*/(0, _core2.css)("fill:", _core.colors.white, ";width:52px;height:52px;", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{width:78px;height:78px;}opacity:0.7;transition:transform 400ms ease,opacity 400ms ease;", NavigationArrowButton, ":focus{opacity:1;}", NavigationArrowButton, ":hover{opacity:1;};label:chevronCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25BcnJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VzQiIsImZpbGUiOiJOYXZpZ2F0aW9uQXJyb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0LCBDaGV2cm9uTGVmdCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNsaWRlSW5kZXhUYXJnZXQ6IG51bWJlcjtcbiAgc2xpZGVzaG93TGVuZ3RoPzogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHJpZ2h0QXJyb3c/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkTmF2aWdhdGlvbkFycm93UHJvcHMge1xuICByaWdodD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQXJyb3cgPSBzdHlsZWQuZGl2PFN0eWxlZE5hdmlnYXRpb25BcnJvd1Byb3BzPmBcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDgwMG1zIGVhc2UsIG9wYWNpdHkgODAwbXMgZWFzZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbiAgaGVpZ2h0OiA3MHZ3O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA2MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiA1NXZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgaGVpZ2h0OiA0MHZ3O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy51bHRyYVdpZGUgfSl9IHtcbiAgICBoZWlnaHQ6IDM2dnc7XG4gIH1cbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLnhzbWFsbH0sIDApO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yaWdodCAmJlxuICAgIGBcbiAgICByaWdodDogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgMCk7XG4gIGB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uQXJyb3dCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXI6IDA7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIC5jLWljb24ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uQ3NzID0gY3NzYFxuICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDc4cHg7XG4gICAgaGVpZ2h0OiA3OHB4O1xuICB9XG4gIG9wYWNpdHk6IDAuNztcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDQwMG1zIGVhc2UsIG9wYWNpdHkgNDAwbXMgZWFzZTtcbiAgJHtOYXZpZ2F0aW9uQXJyb3dCdXR0b259OmZvY3VzIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gICR7TmF2aWdhdGlvbkFycm93QnV0dG9ufTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbkFycm93ID0gKHsgc2xpZGVJbmRleFRhcmdldCwgZ290b1NsaWRlLCByaWdodEFycm93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IENoZXZyb24gPSByaWdodEFycm93ID8gQ2hldnJvblJpZ2h0IDogQ2hldnJvbkxlZnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkFycm93IHJpZ2h0PXtyaWdodEFycm93fT5cbiAgICAgIDxOYXZpZ2F0aW9uQXJyb3dCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGdvdG9TbGlkZShzbGlkZUluZGV4VGFyZ2V0LCB0cnVlKTtcbiAgICAgICAgfX0+XG4gICAgICAgIDxDaGV2cm9uIGNzcz17Y2hldnJvbkNzc30gLz5cbiAgICAgIDwvTmF2aWdhdGlvbkFycm93QnV0dG9uPlxuICAgIDwvU3R5bGVkTmF2aWdhdGlvbkFycm93PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkFycm93O1xuIl19 */"));
 
 var NavigationArrow = function NavigationArrow(_ref) {
   var slideIndexTarget = _ref.slideIndexTarget,
       gotoSlide = _ref.gotoSlide,
       rightArrow = _ref.rightArrow;
   var Chevron = rightArrow ? _common.ChevronRight : _common.ChevronLeft;
-  return (0, _core.jsx)("div", classes('navigation-arrows', rightArrow ? 'right' : ''), (0, _core.jsx)("button", {
+  return (0, _core2.jsx)(StyledNavigationArrow, {
+    right: rightArrow
+  }, (0, _core2.jsx)(NavigationArrowButton, {
     type: "button",
     tabIndex: -1,
     onClick: function onClick() {
       gotoSlide(slideIndexTarget, true);
     }
-  }, (0, _core.jsx)(Chevron, null)));
+  }, (0, _core2.jsx)(Chevron, {
+    css: chevronCss
+  })));
 };
 
 var _default = NavigationArrow;

package/lib/NDLAFilm/SlideshowIndicator.js

@@ -5,34 +5,55 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
 var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _core = require("@ndla/core");
 
-var _core = require("@emotion/core");
+var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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); }
-
-var classes = new _reactBemHelper["default"]({
-  name: 'film-slideshow',
-  prefix: 'c-'
-});
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var SlideshowIndicatorWrapper = (0, _styledBase["default"])("div", {
+  target: "ek4s1ux0",
+  label: "SlideshowIndicatorWrapper"
+})("display:flex;align-items:center;justify-content:center;margin:", _core.spacing.small, " 0;", _core.mq.range({
+  from: _core.breakpoints.mobileWide
+}), "{margin:", _core.spacing.normal, " 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QyIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZXNob3c6IE1vdmllVHlwZVtdO1xuICBhY3RpdmVTbGlkZTogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3JEb3QgPSBzdHlsZWQuYnV0dG9uPFNsaWRlc2hvd0luZGljYXRvckRvdFByb3BzPmBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiAocHJvcHMuYWN0aXZlID8gY29sb3JzLndoaXRlIDogY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCl9O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTAwbXMgZWFzZTtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgd2lkdGg6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHNwYW4ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yID0gKHsgc2xpZGVzaG93LCBhY3RpdmVTbGlkZSwgZ290b1NsaWRlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICAgICB7c2xpZGVzaG93Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgPFNsaWRlc2hvd0luZGljYXRvckRvdFxuICAgICAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVNsaWRlfVxuICAgICAgICAgIGtleT17YGluZGljYXRvcl8ke2luZGV4fWB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gZ290b1NsaWRlKGluZGV4LCB0cnVlKX0+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
+var SlideshowIndicatorDot = (0, _styledBase["default"])("button", {
+  target: "ek4s1ux1",
+  label: "SlideshowIndicatorDot"
+})("border:0;display:flex;justify-content:center;background:transparent;span{background:", function (props) {
+  return props.active ? _core.colors.white : _core.colors.ndlaFilm.filmColorBright;
+}, ";transition:background 100ms ease;height:8px;width:8px;", _core.mq.range({
+  from: _core.breakpoints.mobileWide
+}), "{height:10px;width:10px;}", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:", _core.spacing.small, ";width:", _core.spacing.small, ";}border-radius:100%;}padding:", _core.spacing.xsmall, ";", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{padding:", _core.spacing.small, ";}&:hover,&:focus{span{background:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlc2hvd0luZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1RSIsImZpbGUiOiJTbGlkZXNob3dJbmRpY2F0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbGlkZXNob3c6IE1vdmllVHlwZVtdO1xuICBhY3RpdmVTbGlkZTogbnVtYmVyO1xuICBnb3RvU2xpZGU6IChpbmRleFRhcmdldDogbnVtYmVyLCB1c2VBbmltYXRpb246IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU2xpZGVzaG93SW5kaWNhdG9yRG90UHJvcHMge1xuICBhY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dJbmRpY2F0b3JEb3QgPSBzdHlsZWQuYnV0dG9uPFNsaWRlc2hvd0luZGljYXRvckRvdFByb3BzPmBcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHNwYW4ge1xuICAgIGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiAocHJvcHMuYWN0aXZlID8gY29sb3JzLndoaXRlIDogY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCl9O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTAwbXMgZWFzZTtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgd2lkdGg6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIHNwYW4ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU2xpZGVzaG93SW5kaWNhdG9yID0gKHsgc2xpZGVzaG93LCBhY3RpdmVTbGlkZSwgZ290b1NsaWRlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICAgICB7c2xpZGVzaG93Lm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgPFNsaWRlc2hvd0luZGljYXRvckRvdFxuICAgICAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVNsaWRlfVxuICAgICAgICAgIGtleT17YGluZGljYXRvcl8ke2luZGV4fWB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4gZ290b1NsaWRlKGluZGV4LCB0cnVlKX0+XG4gICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9TbGlkZXNob3dJbmRpY2F0b3JEb3Q+XG4gICAgICApKX1cbiAgICA8L1NsaWRlc2hvd0luZGljYXRvcldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTbGlkZXNob3dJbmRpY2F0b3I7XG4iXX0= */"));
 
 var SlideshowIndicator = function SlideshowIndicator(_ref) {
   var slideshow = _ref.slideshow,
       activeSlide = _ref.activeSlide,
       gotoSlide = _ref.gotoSlide;
-  return (0, _core.jsx)("div", classes('indicator-wrapper'), slideshow.map(function (slide, index) {
-    return (0, _core.jsx)("button", _extends({
+  return (0, _core2.jsx)(SlideshowIndicatorWrapper, null, slideshow.map(function (_, index) {
+    return (0, _core2.jsx)(SlideshowIndicatorDot, {
+      active: index === activeSlide,
       key: "indicator_".concat(index),
-      type: "button"
-    }, classes('indicator-dot', index === activeSlide ? 'active' : ''), {
+      type: "button",
       onClick: function onClick() {
         return gotoSlide(index, true);
       }
-    }), (0, _core.jsx)("span", null));
+    }, (0, _core2.jsx)("span", null));
   }));
 };
 

package/lib/NDLAFilm/filmStyles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const setAnimations: () => any;
+interface StyledHeadingProps {
+    marginLeft?: number;
+}
+export declare const StyledHeadingH1: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps, object>;
+export declare const StyledHeadingH2: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps, object>;
+export {};

package/lib/NDLAFilm/filmStyles.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHeadingH2 = exports.StyledHeadingH1 = exports.setAnimations = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@ndla/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var setAnimations = function setAnimations() {
+  var styles = {};
+
+  for (var i = 1; i < 20; i++) {
+    styles["> div:nth-child(".concat(i + 1, ")")] = {
+      'animation-delay': "".concat(i * 50, "ms")
+    };
+  }
+
+  return styles;
+};
+
+exports.setAnimations = setAnimations;
+var StyledHeadingH1 = (0, _styledBase["default"])("h1", {
+  target: "e1uw8gqd0",
+  label: "StyledHeadingH1"
+})(_core.fonts.sizes('22px', '26px'), ";font-weight:", _core.fonts.weight.semibold, ";text-transform:uppercase;letter-spacing:0.05em;color:", _core.colors.white, ";margin:", _core.spacing.small, " 0;margin-left:", function (props) {
+  return props.marginLeft && "".concat(props.marginLeft, "px");
+}, ";small{font-weight:normal;padding-left:", _core.spacing.small, ";color:", _core.colors.brand.grey, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbG1TdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI0RCIsImZpbGUiOiJmaWxtU3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5leHBvcnQgY29uc3Qgc2V0QW5pbWF0aW9ucyA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzOiBhbnkgPSB7fTtcbiAgZm9yIChsZXQgaSA9IDE7IGkgPCAyMDsgaSsrKSB7XG4gICAgc3R5bGVzW2A+IGRpdjpudGgtY2hpbGQoJHtpICsgMX0pYF0gPSB7XG4gICAgICAnYW5pbWF0aW9uLWRlbGF5JzogYCR7aSAqIDUwfW1zYCxcbiAgICB9O1xuICB9XG4gIHJldHVybiBzdHlsZXM7XG59O1xuXG5pbnRlcmZhY2UgU3R5bGVkSGVhZGluZ1Byb3BzIHtcbiAgbWFyZ2luTGVmdD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRpbmdIMSA9IHN0eWxlZC5oMTxTdHlsZWRIZWFkaW5nUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzI2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBtYXJnaW4tbGVmdDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpbkxlZnQgJiYgYCR7cHJvcHMubWFyZ2luTGVmdH1weGB9O1xuICBzbWFsbCB7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGluZ0gyID0gU3R5bGVkSGVhZGluZ0gxLndpdGhDb21wb25lbnQoJ2gyJyk7XG4iXX0= */"));
+exports.StyledHeadingH1 = StyledHeadingH1;
+var StyledHeadingH2 = StyledHeadingH1.withComponent('h2', {
+  target: "e1uw8gqd1",
+  label: "StyledHeadingH2"
+});
+exports.StyledHeadingH2 = StyledHeadingH2;

package/lib/RadioButtonGroup/RadioButtonGroup.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _util = require("@ndla/util");
 
-var _core = require("@emotion/core");
+var _core = require("@ndla/core");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _core2 = require("@emotion/core");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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"); } }
 
@@ -45,7 +45,22 @@ 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; }
 
-var classes = (0, _reactBemHelper["default"])('c-radio-button-group');
+var RadioButtonGroupWrapper = (0, _styledBase["default"])("div", {
+  target: "eys332c0",
+  label: "RadioButtonGroupWrapper"
+})("padding:", _core.spacing.small, " 0;font-family:", _core.fonts.sans, ";display:flex;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMEMiLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgQ29tcG9uZW50LCBDaGFuZ2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHV1aWQgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2VsZWN0ZWQ/OiBzdHJpbmc7XG4gIG9wdGlvbnM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB9W107XG4gIGxhYmVsPzogc3RyaW5nO1xuICB1bmlxZUlkcz86IGJvb2xlYW47XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgc2VsZWN0ZWQ6IHN0cmluZztcbn1cblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5vcm1hbH0gMCAwO1xuICBmb250LXdlaWdodDogNjAwO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI4cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIHRyYW5zaXRpb246IDIwMG1zIGJvcmRlci1jb2xvciBlYXNlO1xuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNXB4KSBzY2FsZSgwLCAwKTtcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBhbGwgZWFzZTtcbiAgfVxuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvQnV0dG9uR3JvdXBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogYXV0bztcbiAgJjpob3ZlciArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBlbW90aW9uIGRvZXMgbm90IHNlZW0gdG8gc3VwcG9ydCBzZXZlcmFsIHNlbGVjdG9ycyBjb21iaW5lZCB3aXRoIHRhcmdldGluZyBhbm90aGVyIGVtb3Rpb24gY29tcG9uZW50XG4gIC8vIHNvIHdlIGR1cGxpY2F0ZSB0aGUgY3NzIGZvciA6aG92ZXIgYW5kIDpmb2N1cy5cbiAgJjpmb2N1cyArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAmOmNoZWNrZWQgKyAke1JhZGlvQnV0dG9uR3JvdXBMYWJlbH0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICY6YWZ0ZXIge1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDVweCkgc2NhbGUoMSwgMSk7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNsYXNzIFJhZGlvQnV0dG9uR3JvdXAgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdXVpZD86IHN0cmluZztcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzZWxlY3RlZDogcHJvcHMuc2VsZWN0ZWQgfHwgcHJvcHMub3B0aW9uc1swXS52YWx1ZSxcbiAgICB9O1xuICAgIHRoaXMuaGFuZGxlT25DaGFuZ2UgPSB0aGlzLmhhbmRsZU9uQ2hhbmdlLmJpbmQodGhpcyk7XG4gICAgdGhpcy51dWlkID0gdGhpcy5wcm9wcy51bmlxZUlkcyA/IHV1aWQoKSA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGhhbmRsZU9uQ2hhbmdlKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBzZWxlY3RlZDogZS50YXJnZXQudmFsdWUsXG4gICAgfSk7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShlLnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICA8UmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgcm9sZT1cInJhZGlvZ3JvdXBcIj5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5sYWJlbCAmJiA8UmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZz57dGhpcy5wcm9wcy5sYWJlbH08L1JhZGlvQnV0dG9uR3JvdXBMYWJlbEhlYWRpbmc+fVxuICAgICAgICAgIHt0aGlzLnByb3BzLm9wdGlvbnMubWFwKChvcHRpb24pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlkID0gdGhpcy51dWlkID8gYCR7dGhpcy51dWlkfV8ke29wdGlvbi52YWx1ZX1gIDogb3B0aW9uLnZhbHVlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cElucHV0XG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgYXJpYS1jaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICBjaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cExhYmVsIGh0bWxGb3I9e2lkfT57b3B0aW9uLnRpdGxlfTwvUmFkaW9CdXR0b25Hcm91cExhYmVsPlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9SYWRpb0J1dHRvbkdyb3VwV3JhcHBlcj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvQnV0dG9uR3JvdXA7XG4iXX0= */"));
+var RadioButtonGroupLabelHeading = (0, _styledBase["default"])("h1", {
+  target: "eys332c1",
+  label: "RadioButtonGroupLabelHeading"
+})(_core.fonts.sizes('16px', '20px'), ";margin:0 ", _core.spacing.normal, " 0 0;font-weight:600;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DOEMiLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgQ29tcG9uZW50LCBDaGFuZ2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHV1aWQgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2VsZWN0ZWQ/OiBzdHJpbmc7XG4gIG9wdGlvbnM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB9W107XG4gIGxhYmVsPzogc3RyaW5nO1xuICB1bmlxZUlkcz86IGJvb2xlYW47XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgc2VsZWN0ZWQ6IHN0cmluZztcbn1cblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5vcm1hbH0gMCAwO1xuICBmb250LXdlaWdodDogNjAwO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI4cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIHRyYW5zaXRpb246IDIwMG1zIGJvcmRlci1jb2xvciBlYXNlO1xuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNXB4KSBzY2FsZSgwLCAwKTtcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBhbGwgZWFzZTtcbiAgfVxuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvQnV0dG9uR3JvdXBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogYXV0bztcbiAgJjpob3ZlciArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBlbW90aW9uIGRvZXMgbm90IHNlZW0gdG8gc3VwcG9ydCBzZXZlcmFsIHNlbGVjdG9ycyBjb21iaW5lZCB3aXRoIHRhcmdldGluZyBhbm90aGVyIGVtb3Rpb24gY29tcG9uZW50XG4gIC8vIHNvIHdlIGR1cGxpY2F0ZSB0aGUgY3NzIGZvciA6aG92ZXIgYW5kIDpmb2N1cy5cbiAgJjpmb2N1cyArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAmOmNoZWNrZWQgKyAke1JhZGlvQnV0dG9uR3JvdXBMYWJlbH0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICY6YWZ0ZXIge1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDVweCkgc2NhbGUoMSwgMSk7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNsYXNzIFJhZGlvQnV0dG9uR3JvdXAgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdXVpZD86IHN0cmluZztcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzZWxlY3RlZDogcHJvcHMuc2VsZWN0ZWQgfHwgcHJvcHMub3B0aW9uc1swXS52YWx1ZSxcbiAgICB9O1xuICAgIHRoaXMuaGFuZGxlT25DaGFuZ2UgPSB0aGlzLmhhbmRsZU9uQ2hhbmdlLmJpbmQodGhpcyk7XG4gICAgdGhpcy51dWlkID0gdGhpcy5wcm9wcy51bmlxZUlkcyA/IHV1aWQoKSA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGhhbmRsZU9uQ2hhbmdlKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBzZWxlY3RlZDogZS50YXJnZXQudmFsdWUsXG4gICAgfSk7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShlLnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICA8UmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgcm9sZT1cInJhZGlvZ3JvdXBcIj5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5sYWJlbCAmJiA8UmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZz57dGhpcy5wcm9wcy5sYWJlbH08L1JhZGlvQnV0dG9uR3JvdXBMYWJlbEhlYWRpbmc+fVxuICAgICAgICAgIHt0aGlzLnByb3BzLm9wdGlvbnMubWFwKChvcHRpb24pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlkID0gdGhpcy51dWlkID8gYCR7dGhpcy51dWlkfV8ke29wdGlvbi52YWx1ZX1gIDogb3B0aW9uLnZhbHVlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cElucHV0XG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgYXJpYS1jaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICBjaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cExhYmVsIGh0bWxGb3I9e2lkfT57b3B0aW9uLnRpdGxlfTwvUmFkaW9CdXR0b25Hcm91cExhYmVsPlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9SYWRpb0J1dHRvbkdyb3VwV3JhcHBlcj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvQnV0dG9uR3JvdXA7XG4iXX0= */"));
+var RadioButtonGroupLabel = (0, _styledBase["default"])("label", {
+  target: "eys332c2",
+  label: "RadioButtonGroupLabel"
+})(_core.fonts.sizes('16px', '28px'), ";color:", _core.colors.brand.primary, ";align-items:center;display:inline-flex;&:before{content:'';margin-right:", _core.spacing.small, ";width:20px;height:20px;border-radius:100%;border:2px solid ", _core.colors.brand.tertiary, ";transition:200ms border-color ease;}&:after{content:'';background:transparent;width:10px;height:10px;border-radius:100%;position:absolute;transform:translateX(5px) scale(0,0);transition:200ms all ease;}&:not(:last-child){margin-right:", _core.spacing.medium, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMEMiLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgQ29tcG9uZW50LCBDaGFuZ2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHV1aWQgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2VsZWN0ZWQ/OiBzdHJpbmc7XG4gIG9wdGlvbnM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB9W107XG4gIGxhYmVsPzogc3RyaW5nO1xuICB1bmlxZUlkcz86IGJvb2xlYW47XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgc2VsZWN0ZWQ6IHN0cmluZztcbn1cblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5vcm1hbH0gMCAwO1xuICBmb250LXdlaWdodDogNjAwO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI4cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIHRyYW5zaXRpb246IDIwMG1zIGJvcmRlci1jb2xvciBlYXNlO1xuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNXB4KSBzY2FsZSgwLCAwKTtcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBhbGwgZWFzZTtcbiAgfVxuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvQnV0dG9uR3JvdXBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogYXV0bztcbiAgJjpob3ZlciArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBlbW90aW9uIGRvZXMgbm90IHNlZW0gdG8gc3VwcG9ydCBzZXZlcmFsIHNlbGVjdG9ycyBjb21iaW5lZCB3aXRoIHRhcmdldGluZyBhbm90aGVyIGVtb3Rpb24gY29tcG9uZW50XG4gIC8vIHNvIHdlIGR1cGxpY2F0ZSB0aGUgY3NzIGZvciA6aG92ZXIgYW5kIDpmb2N1cy5cbiAgJjpmb2N1cyArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAmOmNoZWNrZWQgKyAke1JhZGlvQnV0dG9uR3JvdXBMYWJlbH0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICY6YWZ0ZXIge1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDVweCkgc2NhbGUoMSwgMSk7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNsYXNzIFJhZGlvQnV0dG9uR3JvdXAgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdXVpZD86IHN0cmluZztcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzZWxlY3RlZDogcHJvcHMuc2VsZWN0ZWQgfHwgcHJvcHMub3B0aW9uc1swXS52YWx1ZSxcbiAgICB9O1xuICAgIHRoaXMuaGFuZGxlT25DaGFuZ2UgPSB0aGlzLmhhbmRsZU9uQ2hhbmdlLmJpbmQodGhpcyk7XG4gICAgdGhpcy51dWlkID0gdGhpcy5wcm9wcy51bmlxZUlkcyA/IHV1aWQoKSA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGhhbmRsZU9uQ2hhbmdlKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBzZWxlY3RlZDogZS50YXJnZXQudmFsdWUsXG4gICAgfSk7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShlLnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICA8UmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgcm9sZT1cInJhZGlvZ3JvdXBcIj5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5sYWJlbCAmJiA8UmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZz57dGhpcy5wcm9wcy5sYWJlbH08L1JhZGlvQnV0dG9uR3JvdXBMYWJlbEhlYWRpbmc+fVxuICAgICAgICAgIHt0aGlzLnByb3BzLm9wdGlvbnMubWFwKChvcHRpb24pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlkID0gdGhpcy51dWlkID8gYCR7dGhpcy51dWlkfV8ke29wdGlvbi52YWx1ZX1gIDogb3B0aW9uLnZhbHVlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cElucHV0XG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgYXJpYS1jaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICBjaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cExhYmVsIGh0bWxGb3I9e2lkfT57b3B0aW9uLnRpdGxlfTwvUmFkaW9CdXR0b25Hcm91cExhYmVsPlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9SYWRpb0J1dHRvbkdyb3VwV3JhcHBlcj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvQnV0dG9uR3JvdXA7XG4iXX0= */"));
+var RadioButtonGroupInput = (0, _styledBase["default"])("input", {
+  target: "eys332c3",
+  label: "RadioButtonGroupInput"
+})("opacity:0;position:absolute;width:auto;&:hover + ", RadioButtonGroupLabel, "{outline:1px dotted #212121;outline:-webkit-focus-ring-color auto 5px;&:after{transform:translateX(5px) scale(1,1);background:", _core.colors.brand.tertiary, ";}}&:focus + ", RadioButtonGroupLabel, "{outline:1px dotted #212121;outline:-webkit-focus-ring-color auto 5px;&:after{transform:translateX(5px) scale(1,1);background:", _core.colors.brand.tertiary, ";}}&:checked + ", RadioButtonGroupLabel, "{&:before{border-color:", _core.colors.brand.primary, ";}&:after{transform:translateX(5px) scale(1,1);background:", _core.colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvQnV0dG9uR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMEMiLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgQ29tcG9uZW50LCBDaGFuZ2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHV1aWQgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2VsZWN0ZWQ/OiBzdHJpbmc7XG4gIG9wdGlvbnM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICB9W107XG4gIGxhYmVsPzogc3RyaW5nO1xuICB1bmlxZUlkcz86IGJvb2xlYW47XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgc2VsZWN0ZWQ6IHN0cmluZztcbn1cblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5vcm1hbH0gMCAwO1xuICBmb250LXdlaWdodDogNjAwO1xuYDtcblxuY29uc3QgUmFkaW9CdXR0b25Hcm91cExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI4cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIHRyYW5zaXRpb246IDIwMG1zIGJvcmRlci1jb2xvciBlYXNlO1xuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogMTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNXB4KSBzY2FsZSgwLCAwKTtcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBhbGwgZWFzZTtcbiAgfVxuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvQnV0dG9uR3JvdXBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogYXV0bztcbiAgJjpob3ZlciArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBlbW90aW9uIGRvZXMgbm90IHNlZW0gdG8gc3VwcG9ydCBzZXZlcmFsIHNlbGVjdG9ycyBjb21iaW5lZCB3aXRoIHRhcmdldGluZyBhbm90aGVyIGVtb3Rpb24gY29tcG9uZW50XG4gIC8vIHNvIHdlIGR1cGxpY2F0ZSB0aGUgY3NzIGZvciA6aG92ZXIgYW5kIDpmb2N1cy5cbiAgJjpmb2N1cyArICR7UmFkaW9CdXR0b25Hcm91cExhYmVsfSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpIHNjYWxlKDEsIDEpO1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICAgIH1cbiAgfVxuICAmOmNoZWNrZWQgKyAke1JhZGlvQnV0dG9uR3JvdXBMYWJlbH0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICY6YWZ0ZXIge1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDVweCkgc2NhbGUoMSwgMSk7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNsYXNzIFJhZGlvQnV0dG9uR3JvdXAgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdXVpZD86IHN0cmluZztcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBzZWxlY3RlZDogcHJvcHMuc2VsZWN0ZWQgfHwgcHJvcHMub3B0aW9uc1swXS52YWx1ZSxcbiAgICB9O1xuICAgIHRoaXMuaGFuZGxlT25DaGFuZ2UgPSB0aGlzLmhhbmRsZU9uQ2hhbmdlLmJpbmQodGhpcyk7XG4gICAgdGhpcy51dWlkID0gdGhpcy5wcm9wcy51bmlxZUlkcyA/IHV1aWQoKSA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGhhbmRsZU9uQ2hhbmdlKGU6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBzZWxlY3RlZDogZS50YXJnZXQudmFsdWUsXG4gICAgfSk7XG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZShlLnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICA8UmFkaW9CdXR0b25Hcm91cFdyYXBwZXIgcm9sZT1cInJhZGlvZ3JvdXBcIj5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5sYWJlbCAmJiA8UmFkaW9CdXR0b25Hcm91cExhYmVsSGVhZGluZz57dGhpcy5wcm9wcy5sYWJlbH08L1JhZGlvQnV0dG9uR3JvdXBMYWJlbEhlYWRpbmc+fVxuICAgICAgICAgIHt0aGlzLnByb3BzLm9wdGlvbnMubWFwKChvcHRpb24pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlkID0gdGhpcy51dWlkID8gYCR7dGhpcy51dWlkfV8ke29wdGlvbi52YWx1ZX1gIDogb3B0aW9uLnZhbHVlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cElucHV0XG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgYXJpYS1jaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICBjaGVja2VkPXt0aGlzLnN0YXRlLnNlbGVjdGVkID09PSBvcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbi52YWx1ZX1cbiAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25Hcm91cExhYmVsIGh0bWxGb3I9e2lkfT57b3B0aW9uLnRpdGxlfTwvUmFkaW9CdXR0b25Hcm91cExhYmVsPlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9SYWRpb0J1dHRvbkdyb3VwV3JhcHBlcj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvQnV0dG9uR3JvdXA7XG4iXX0= */"));
 
 var RadioButtonGroup = /*#__PURE__*/function (_Component) {
   _inherits(RadioButtonGroup, _Component);
@@ -82,13 +97,13 @@ var RadioButtonGroup = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      return (0, _core.jsx)("section", null, (0, _core.jsx)("div", _extends({
+      return (0, _core2.jsx)("section", null, (0, _core2.jsx)(RadioButtonGroupWrapper, {
         role: "radiogroup"
-      }, classes('wrapper')), this.props.label && (0, _core.jsx)("h1", classes('label-heading'), this.props.label), this.props.options.map(function (option) {
+      }, this.props.label && (0, _core2.jsx)(RadioButtonGroupLabelHeading, null, this.props.label), this.props.options.map(function (option) {
         var id = _this2.uuid ? "".concat(_this2.uuid, "_").concat(option.value) : option.value;
-        return (0, _core.jsx)(_react.Fragment, {
+        return (0, _core2.jsx)(_react.Fragment, {
           key: option.value
-        }, (0, _core.jsx)("input", _extends({}, classes('input'), {
+        }, (0, _core2.jsx)(RadioButtonGroupInput, {
           disabled: option.disabled,
           "aria-checked": _this2.state.selected === option.value,
           checked: _this2.state.selected === option.value,
@@ -97,9 +112,9 @@ var RadioButtonGroup = /*#__PURE__*/function (_Component) {
           id: id,
           name: id,
           onChange: _this2.handleOnChange
-        })), (0, _core.jsx)("label", _extends({
+        }), (0, _core2.jsx)(RadioButtonGroupLabel, {
           htmlFor: id
-        }, classes('label')), option.title));
+        }, option.title));
       })));
     }
   }]);