@gamelearn/arcade-components 2.19.0 → 2.20.0-hotfix-GAT-5733

package/dist/components/auto-evaluation-component/components/AutoEvaluation.js

@@ -48,7 +48,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var AutoEvaluation = function AutoEvaluation(_ref) {
-  var _questions$currentQue, _surveyData$current$q3;
+  var _questions$currentQue, _surveyData$current$q3, _surveyData$current$q4;
 
   var description = _ref.description,
       questions = _ref.questions,
@@ -96,6 +96,12 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     });
   };
 
+  var lostFocusWhenClickEnter = function lostFocusWhenClickEnter(e) {
+    if (e.keyCode === 13) {
+      e.target.blur();
+    }
+  };
+
   var close = function close() {
     play('click-ui');
     emitEvent({
@@ -193,18 +199,18 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   }, Array(11).fill(0).map(function (_, i) {
     var _surveyData$current$q2;
 
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement("button", {
       key: "".concat(0 + i),
-      "aria-label": "".concat(i, " points btn"),
-      role: "button",
-      tabIndex: 0,
-      onKeyUp: function onKeyUp() {},
+      type: "button",
       onTouchStart: function onTouchStart() {
         setPointIsBeingTouched(i);
       },
       onTouchEnd: function onTouchEnd() {
         setPointIsBeingTouched(null);
       },
+      onKeyUp: function onKeyUp(e) {
+        lostFocusWhenClickEnter(e);
+      },
       onClick: function onClick() {
         handleNextQuestion(i, false);
       },
@@ -219,7 +225,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     onClick: function onClick() {
       return handleNextQuestion(null, true);
     },
-    "aria-label": "next question button",
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.next') : translate('survey.previous'),
     className: "gat--btn__navigation ".concat(currentQuestion === 0 ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back',
@@ -230,7 +236,6 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
       setPhase('end');
       play('click-ui');
     },
-    "aria-label": "finish button",
     className: "gat--btn gat--btn__primary auto-evaluation__button not-transition "
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.end'))) : /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
@@ -238,12 +243,10 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
       return handleNextQuestion(null, false);
     },
     disabled: ((_surveyData$current$q3 = surveyData.current.questions[currentQuestion]) === null || _surveyData$current$q3 === void 0 ? void 0 : _surveyData$current$q3.answer) === undefined,
-    "aria-label": "navigation button",
-    className: "gat--btn__navigation $\n                  {\n                    surveyData.current.questions[currentQuestion]?.answer === undefined ? 'disabled' : ''\n                  }"
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next'),
+    className: "gat--btn__navigation ".concat(((_surveyData$current$q4 = surveyData.current.questions[currentQuestion]) === null || _surveyData$current$q4 === void 0 ? void 0 : _surveyData$current$q4.answer) === undefined ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next',
-    "aria-label": "navigation icon",
-    role: "img"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))), phase === 'end' && /*#__PURE__*/_react.default.createElement(_EndScreen.default, {
     onFinish: close,
     translate: translate

package/dist/components/auto-evaluation-component/components/StartScreen.js

@@ -28,11 +28,8 @@ var StartScreen = function StartScreen(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, description)), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "gat--btn gat--btn__primary auto-evaluation__button auto-evaluation__button--start",
-    onClick: onNext,
-    "aria-label": "start button"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": "start text"
-  }, translate('auto-evaluation.start'))));
+    onClick: onNext
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.start'))));
 };
 
 var _default = StartScreen;

package/dist/components/cards-selector-puzzle-component/components/Card/index.js

@@ -95,17 +95,16 @@ var Card = function Card(_ref) {
     return null;
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    tabIndex: 0,
+  return /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
     order: card.order,
-    onKeyUp: function onKeyUp() {},
     onClick: function onClick() {
       if (!isEmpty() && canBeClicked()) {
         handleClick(cardIndex);
       }
     },
-    className: "card-selector-item ".concat(isEmpty() ? 'card-selector-item--empty' : '')
+    className: "unset-button card-selector-item ".concat(isEmpty() ? 'card-selector-item--empty' : ''),
+    "aria-label": card.text ? card.text : null
   }, renderImage(), renderText(), cardFeedbackContainer());
 };
 

package/dist/components/cartel-component/components/CartelComponent.js

@@ -40,6 +40,14 @@ var CartelComponent = function CartelComponent(_ref) {
       audioVolume = _ref.audioVolume,
       pause = _ref.pause,
       keyboardControl = _ref.keyboardControl;
+
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var resourceUrl = (img === null || img === void 0 ? void 0 : img.url) || 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg';
   var textBox = (0, _react.useRef)();
   var picture = (0, _react.useRef)();
@@ -129,7 +137,8 @@ var CartelComponent = function CartelComponent(_ref) {
     className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       return close();
-    }
+    },
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))));

package/dist/components/comic-component/components/ComicComponent.js

@@ -48,6 +48,13 @@ var ComicComponent = function ComicComponent(_ref) {
       pause = _ref.pause,
       keyboardControl = _ref.keyboardControl;
 
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
       started = _useState2[0],
@@ -175,27 +182,24 @@ var ComicComponent = function ComicComponent(_ref) {
     soundActions: soundActions,
     emitEvent: emitEvent,
     role: "complementary",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    translate: translate
   }), slideCount > 0 && /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "comic-control comic-control--left gat--btn__round",
     "data-testid": "btn-bck",
     onClick: handleManualBack,
-    "aria-label": "Back"
+    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.next') : translate('comic.previous')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back',
-    role: "img",
-    "aria-label": "Icon Navigation Back"
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), slideCount + 1 < slides.length && /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "comic-control comic-control--right gat--btn__round",
     "data-testid": "btn-nxt",
     onClick: handleManualNext,
-    "aria-label": "Next"
+    "aria-label": (0, _LangIsRtl.default)() ? translate('comic.previous') : translate('comic.next')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next',
-    role: "img",
-    "aria-label": "Icon Navigation Next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })), slideCount + 1 >= slides.length && /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute top right",
     role: "heading",
@@ -209,11 +213,9 @@ var ComicComponent = function ComicComponent(_ref) {
       play('click-ui');
       close();
     },
-    "aria-label": "Close"
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close",
-    role: "img",
-    "aria-label": "Icon Close"
+    className: "icon-close"
   })))));
 };
 

package/dist/components/comic-component/components/Slide.js

@@ -13,7 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var Slide = function Slide(_ref) {
   var slide = _ref.slide,
-      transition = _ref.transition;
+      transition = _ref.transition,
+      translate = _ref.translate;
   var slideTransition = slide.transitionEffects || transition;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comic--slide__item ".concat(slideTransition),
@@ -23,7 +24,8 @@ var Slide = function Slide(_ref) {
       key: "Vignete ".concat(vignette.vignetteOrder),
       vignette: vignette,
       alias: slide.alias,
-      "aria-hidden": "true"
+      "aria-hidden": "true",
+      translate: translate
     });
   }));
 };

package/dist/components/comic-component/components/Vignette.js

@@ -29,7 +29,8 @@ var Vignette = function Vignette(_ref) {
   var _vignette$textData;
 
   var vignette = _ref.vignette,
-      alias = _ref.alias;
+      alias = _ref.alias,
+      translate = _ref.translate;
   var resource = vignette.img || {
     url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg'
   };
@@ -48,22 +49,18 @@ var Vignette = function Vignette(_ref) {
     className: "comic--image"
   }, resolvedIdImg && /*#__PURE__*/_react.default.createElement("img", {
     src: resolvedIdImg,
-    alt: "comic pic",
-    "aria-label": "comic pic"
+    alt: "comic pic"
   })), vignette !== null && vignette !== void 0 && (_vignette$textData = vignette.textData) !== null && _vignette$textData !== void 0 && _vignette$textData.text ? /*#__PURE__*/_react.default.createElement("div", {
     className: "comic-collapsable ".concat(isCollapsed ? 'comic-collapsable--collapsed' : '')
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: toggleText,
     type: "button",
     className: "un-btn comic-collapsable__header comic-collapsable__toggle",
-    "aria-label": "toogle text"
+    "aria-label": translate('comic.toggleText')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(isCollapsed ? 'icon-up-arrow' : 'icon-down-arrow'),
-    "aria-label": "toogle icon",
-    role: "img"
+    className: "".concat(isCollapsed ? 'icon-up-arrow' : 'icon-down-arrow')
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "comic-collapsable__text",
-    "aria-label": "vignette text"
+    className: "comic-collapsable__text"
   }, alias ? /*#__PURE__*/_react.default.createElement("b", null, alias, ": ") : null, vignette.textData.text)) : null);
 };
 

package/dist/components/conversational-pro-component/components/ConversationalProComponent.js

@@ -512,13 +512,15 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     className: "gat--btn__round ".concat(disableBackButton ? 'disabled' : ''),
     disabled: disableBackButton ? true : '',
     type: "button",
-    onClick: manualClickBack
+    onClick: manualClickBack,
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.forward') : translate('storylines.misc.rewind')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn__round ".concat(automatic && isEndNode() ? 'glowing-animation' : ''),
     type: "button",
-    onClick: manualClickNext
+    onClick: manualClickNext,
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.rewind') : translate('storylines.misc.forward')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))))));

package/dist/components/decision-component/components/DecisionBody.js

@@ -72,7 +72,8 @@ var DecisionBody = function DecisionBody(_ref) {
     selectChoice: (!required || branched) && selectedChoice.id !== undefined || required && !failed ? noop : choose,
     options: options,
     showingResults: showingResults,
-    simplifiedOptions: simplifiedOptions
+    simplifiedOptions: simplifiedOptions,
+    required: required
   };
 
   var BasicDecision = function BasicDecision(_ref2) {
@@ -111,9 +112,8 @@ var DecisionBody = function DecisionBody(_ref) {
       className: "conversation--main__text"
     }, question), /*#__PURE__*/_react.default.createElement(_Options.default, optionsProps)), /*#__PURE__*/_react.default.createElement("div", {
       className: "conversation--controls conversation--controls--fixedbottom"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "gat--btn__round disabled",
-      type: "button"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "gat--btn__round disabled"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
     })), /*#__PURE__*/_react.default.createElement("button", {

package/dist/components/decision-component/components/Options.js

@@ -31,14 +31,15 @@ var Options = function Options(_ref) {
       selectedChoice = _ref.selectedChoice,
       selectChoice = _ref.selectChoice,
       showingResults = _ref.showingResults,
-      simplifiedOptions = _ref.simplifiedOptions;
+      simplifiedOptions = _ref.simplifiedOptions,
+      required = _ref.required;
 
   var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
       neutralDecisionVisualEffect = _useState2[0],
       setNeutralDecisionVisualEffect = _useState2[1];
 
-  var selectChoiceFirstTime = function selectChoiceFirstTime(option) {
+  var whenSelectOption = function whenSelectOption(option) {
     if (!simplifiedOptions) {
       selectChoice(option);
     } else {
@@ -49,6 +50,22 @@ var Options = function Options(_ref) {
     }
   };
 
+  var disabledRadiosAfterAnswer = function disabledRadiosAfterAnswer(option) {
+    if (showingResults && selectedChoice.id === option.id) {
+      return true;
+    }
+
+    if (selectedChoice.right === true) {
+      return true;
+    }
+
+    if (showingResults && !required) {
+      return true;
+    }
+
+    return false;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options && options.filter(function (option) {
     return option.text;
   }).map(function (option) {
@@ -56,28 +73,17 @@ var Options = function Options(_ref) {
       key: option.id,
       className: "".concat(inherited ? 'conversation--question' : 'radio', "\n                ").concat(neutralDecisionVisualEffect === option.id ? 'radio-text-clicked' : '')
     }, /*#__PURE__*/_react.default.createElement("input", {
+      onChange: function onChange() {
+        whenSelectOption(option);
+      },
       type: "radio",
+      id: option.text,
       name: option.id,
-      defaultChecked: selectedChoice.id === option.id
-    }), showingResults ? /*#__PURE__*/_react.default.createElement("label", {
+      defaultChecked: selectedChoice.id === option.id,
+      disabled: disabledRadiosAfterAnswer(option)
+    }), /*#__PURE__*/_react.default.createElement("label", {
       className: "".concat(option.right ? 'radio-text-success' : 'radio-text-fail'),
-      onClick: function onClick() {
-        selectChoice(option);
-      },
-      role: "button",
-      "aria-label": option.text,
-      tabIndex: 0,
-      onKeyUp: function onKeyUp() {},
-      htmlFor: option.id
-    }, option.text) : /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: option.id,
-      onClick: function onClick() {
-        selectChoiceFirstTime(option);
-      },
-      role: "button",
-      "aria-label": option.text,
-      tabIndex: 0,
-      onKeyUp: function onKeyUp() {}
+      htmlFor: option.text
     }, option.text));
   }));
 };

package/dist/components/dialog-component/components/DialogComponent.js

@@ -839,14 +839,16 @@ var DialogComponent = function DialogComponent(_ref) {
     type: "button",
     onClick: manualBackLine,
     disabled: disableBackButton || !currentMessage.show,
-    className: "gat--btn__round ".concat(disableBackButton || !currentMessage.show ? 'disabled' : '')
+    className: "gat--btn__round ".concat(disableBackButton || !currentMessage.show ? 'disabled' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.forward') : translate('storylines.misc.rewind')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     onClick: manualNextLine,
     disabled: !currentMessage.show,
-    className: "gat--btn__round \n              ".concat(!currentMessage.show ? 'disabled' : '', "\n              ").concat(automatic && isEndNode() ? 'glowing-animation' : '')
+    className: "gat--btn__round \n              ".concat(!currentMessage.show ? 'disabled' : '', "\n              ").concat(automatic && isEndNode() ? 'glowing-animation' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.rewind') : translate('storylines.misc.forward')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))));

package/dist/components/feedback-component/components/FeedbackComponent.js

@@ -83,14 +83,14 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
 
   var statusIcon = function statusIcon() {
     if (success) {
-      return 'icon-check-circle-black';
+      return 'icon-correct-thumb';
     }
 
     if (timeExpired) {
       return 'icon-times-up';
     }
 
-    return 'icon-error-circle-black';
+    return 'icon-incorrect-thumb';
   };
 
   keyboardControl(null, text && functionOnClose && explain ? functionOnClose : null, text && functionOnClose && explain || functionOnClose && shortText ? functionOnClose : null);
@@ -112,7 +112,8 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
     className: "feedback-layer__closeX",
     onClick: function onClick() {
       return functionOnClose();
-    }
+    },
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   })), shortText && /*#__PURE__*/_react.default.createElement("button", {
@@ -120,7 +121,8 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
     className: "feedback-layer__closeX",
     onClick: function onClick() {
       return functionOnClose();
-    }
+    },
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))), !shortText && text !== '' && /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/image-component/components/ImageComponent.js

@@ -36,6 +36,13 @@ var ImageComponent = function ImageComponent(_ref) {
       soundActions = _ref.soundActions,
       keyboardControl = _ref.keyboardControl;
 
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       saved = _useState2[0],
@@ -84,7 +91,8 @@ var ImageComponent = function ImageComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "gat--btn__round gat--btn__close",
-    onClick: close
+    onClick: close,
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))) : null));

package/dist/components/inventory-item/components/InventoryItem.js

@@ -43,12 +43,20 @@ var InventoryItem = function InventoryItem(_ref) {
       element = _ref.element,
       onFinish = _ref.onFinish,
       soundActions = _ref.soundActions,
-      keyboardControl = _ref.keyboardControl;
+      keyboardControl = _ref.keyboardControl,
+      emitEvent = _ref.emitEvent;
   var orbit = (0, _react.useRef)();
 
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   if (!element) {
     onFinish();
     return null;
@@ -84,20 +92,23 @@ var InventoryItem = function InventoryItem(_ref) {
     dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory-popup fadeIn--animation ".concat(description ? 'inventory-popup--withdescription' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
-    "aria-label": "close inventory popup",
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": translate('inventory.closeDetail'),
     className: "inventory-popup__close",
     onClick: function onClick() {
       close();
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
-  })), /*#__PURE__*/_react.default.createElement("h1", {
+  })), /*#__PURE__*/_react.default.createElement("h2", {
     className: "inventory-popup__title"
-  }, name), description && /*#__PURE__*/_react.default.createElement("div", {
+  }, name), description &&
+  /*#__PURE__*/
+  // more info here: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/issues/717
+  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+  _react.default.createElement("div", {
+    tabIndex: "0",
     className: "inventory-popup__description"
   }, description), /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory-popup__image"

package/dist/components/pattern-component/components/PatternComponent.js

@@ -72,6 +72,7 @@ var PatternComponent = function PatternComponent(_ref) {
     className: "pattern__title"
   }, translate('phone.pattern')), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
+    "aria-label": translate('storylines.misc.closePiece'),
     className: "pattern__close gat--btn__round gat--btn__close",
     onClick: function onClick() {
       return close();

package/dist/components/pdf-component/components/PdfComponent.js

@@ -134,7 +134,8 @@ var PdfComponent = function PdfComponent(_ref) {
     onClick: function onClick() {
       emitFinish();
       play('click-ui');
-    }
+    },
+    "aria-label": translate('storylines.misc.closePiece')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))), url && /*#__PURE__*/_react.default.createElement(_PdfVisor.default, {

package/dist/components/pdf-component/components/PdfVisor.js

@@ -183,6 +183,8 @@ var PdfVisor = function PdfVisor(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "pdf-box__scrollwrap"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    tabIndex: "0",
     onScroll: removeOverlay,
     ref: scrollElement,
     className: "pdf-box__scroll ".concat(overlay ? 'pdf-box__scroll--overlay' : '')
@@ -200,7 +202,8 @@ var PdfVisor = function PdfVisor(_ref) {
     disabled: currentPage === 1,
     onClick: function onClick() {
       return turnPage(-1);
-    }
+    },
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.nextPage') : translate('storylines.misc.previousPage')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
@@ -209,7 +212,8 @@ var PdfVisor = function PdfVisor(_ref) {
     disabled: currentPage === pages,
     onClick: function onClick() {
       return turnPage(1);
-    }
+    },
+    "aria-label": (0, _LangIsRtl.default)() ? translate('storylines.misc.previousPage') : translate('storylines.misc.nextPage')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))));

package/dist/components/referral-component/components/EmailPill.js

@@ -18,12 +18,10 @@ var EmailPill = function EmailPill(_ref) {
     className: "email-pill ".concat(error ? ' email-pill--error' : '')
   }, /*#__PURE__*/_react.default.createElement("div", null, text), /*#__PURE__*/_react.default.createElement("div", {
     className: "email-pill__delete"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    tabIndex: "0",
-    role: "button",
-    onKeyUp: function onKeyUp() {},
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
     onClick: handleClick,
-    className: "icon-close",
+    className: "icon-close unset-button",
     "aria-label": "icon click"
   })));
 };

package/dist/components/referral-component/components/StepOne.js

@@ -93,7 +93,7 @@ var StepOne = function StepOne(_ref) {
 
   var handleKeyDown = function handleKeyDown(e) {
     var inputValue = emailRef.current.value;
-    var eCodesWithPeriod = ['Space', 'Comma', 'Period', 'Enter', 'Tab'];
+    var eCodesWithPeriod = ['Space', 'Comma', 'Period', 'Enter'];
     var eCodesWithoutPeriod = ['Space', 'Comma', 'Enter', 'Tab'];
 
     if (inputValue === '' && (eCodesWithPeriod.includes(e.code) || e.keyCode === '186' || e.key === 'Enter' || e.key === ' ')) {
@@ -147,10 +147,12 @@ var StepOne = function StepOne(_ref) {
     className: "referrals-piece__faketextarea",
     onKeyUp: function onKeyUp() {},
     role: "button",
-    tabIndex: 0,
-    onClick: focusInInput
+    tabIndex: "-1",
+    onClick: focusInInput,
+    "aria-labelledby": "list of emails"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "referrals-piece__scrollarea"
+    className: "referrals-piece__scrollarea",
+    id: "list of emails"
   }, emailsPills && emailsPills.map(function (emailPill, emailPillIndex) {
     return /*#__PURE__*/_react.default.createElement(_EmailPill.default, {
       text: emailPill.text,
@@ -161,14 +163,19 @@ var StepOne = function StepOne(_ref) {
       },
       emailPillIndex: emailPillIndex
     });
-  }), emailsPills.length <= 9 ? /*#__PURE__*/_react.default.createElement("input", {
+  }), emailsPills.length <= 9 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
+    id: "email",
     ref: emailRef,
     className: "referrals-piece__inputemail",
     onChange: clearInput,
     onKeyDown: handleKeyDown,
     onBlur: handleKeyDown,
-    type: "email"
-  }) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    type: "email",
+    autoComplete: "off"
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    className: "referrals-piece__emaillabel",
+    htmlFor: "email"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzles.referrals.inviter.skipButton')))) : null)), /*#__PURE__*/_react.default.createElement("div", {
     dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
     className: "referrals-piece__footervalidation"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/survey-component/components/ApplicableBox.js

@@ -33,15 +33,13 @@ var ApplicableBox = function ApplicableBox(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--page__item"
   }, OPTIONS.map(function (option, i) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
       key: option,
       onClick: function onClick() {
         return select(option);
       },
-      role: "button",
-      tabIndex: 0,
-      onKeyUp: function onKeyUp() {},
-      className: "survey--response__item ".concat(survey[id] === option ? 'selected' : '')
+      className: "unset-button survey--response__item ".concat(survey[id] === option ? 'selected' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "survey--response__index"
     }, LETTERS[i]), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/survey-component/components/OpinionBox.js

@@ -35,16 +35,13 @@ var OpinionBox = function OpinionBox(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--points"
   }, OPINION_OPTIONS.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement("button", {
       key: option,
-      className: "survey--points__item ".concat(survey[id] === option ? 'selected' : ''),
-      role: "button",
-      onKeyUp: function onKeyUp() {},
-      tabIndex: 0,
-      "aria-label": option,
+      type: "button",
       onClick: function onClick() {
         return select(option);
-      }
+      },
+      className: "unset-button survey--points__item ".concat(survey[id] === option ? 'selected' : '')
     }, option);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--points__labels"

package/dist/components/survey-component/components/SurveyComponent.js

@@ -116,8 +116,11 @@ var SurveyComponent = function SurveyComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('survey.numQuestion', {
     init: page + 1,
     page: PAGES.length
-  })), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "survey--questions__item"
+  })), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("label", {
+    className: "survey--questions__item",
+    htmlFor: translate("survey.question".concat(page + 1), {
+      ordinal: page + 1
+    })
   }, translate("survey.question".concat(page + 1), {
     ordinal: page + 1
   })), /*#__PURE__*/_react.default.createElement(View, {
@@ -127,7 +130,10 @@ var SurveyComponent = function SurveyComponent(_ref) {
     translate: translate,
     changePage: function changePage(e) {
       return _changePage(false, e);
-    }
+    },
+    literalLabel: translate("survey.question".concat(page + 1), {
+      ordinal: page + 1
+    })
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "test--buttons next"
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -137,7 +143,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
     onClick: function onClick() {
       return _changePage(true);
     },
-    className: "gat--btn__navigation ".concat(page === 0 ? 'disabled' : '')
+    className: "gat--btn__navigation ".concat(page === 0 ? 'disabled' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.next') : translate('survey.previous')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), finished && page === PAGES.length - 1 ? /*#__PURE__*/_react.default.createElement("button", {
@@ -159,7 +166,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
     onClick: function onClick() {
       return _changePage(false);
     },
-    className: "gat--btn__navigation ".concat(!survey[PAGES[page].id] ? 'disabled' : '')
+    className: "gat--btn__navigation ".concat(!survey[PAGES[page].id] ? 'disabled' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })) : null))));

package/dist/components/survey-component/components/TextBox.js

@@ -18,7 +18,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var TextBox = function TextBox(_ref) {
   var setSurveyData = _ref.setSurveyData,
       survey = _ref.survey,
-      id = _ref.id;
+      id = _ref.id,
+      literalLabel = _ref.literalLabel;
 
   var writeText = function writeText(text) {
     setSurveyData(_objectSpread(_objectSpread({}, survey), {}, _defineProperty({}, id, text)));
@@ -27,7 +28,13 @@ var TextBox = function TextBox(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--page__item"
   }, /*#__PURE__*/_react.default.createElement("textarea", {
+    ref: function ref(inputElement) {
+      if (inputElement) {
+        inputElement.focus();
+      }
+    },
     className: "survey--textarea",
+    id: literalLabel,
     value: survey[id],
     onChange: function onChange(event) {
       return writeText(event.target.value);

package/dist/components/terminal-puzzle-component/components/Visor/index.js

@@ -77,7 +77,8 @@ var Visor = function Visor(_ref) {
       props: _objectSpread(_objectSpread({}, file), {}, {
         url: url,
         endVideo: resolvePuzzle,
-        soundActions: soundActions
+        soundActions: soundActions,
+        translate: translate
       })
     },
     embedded_video: {

package/dist/components/test-component/components/Container.js

@@ -154,7 +154,8 @@ var Container = function Container(_ref) {
       return nextPage();
     },
     type: "button",
-    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
+    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })) : /*#__PURE__*/_react.default.createElement("button", {
@@ -167,7 +168,8 @@ var Container = function Container(_ref) {
       }
     },
     type: "button",
-    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
+    className: "gat--btn__navigation ".concat(!answered ? 'disabled' : ''),
+    "aria-label": (0, _LangIsRtl.default)() ? translate('survey.previous') : translate('survey.next')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))));

package/dist/components/test-component/components/Questions.js

@@ -59,15 +59,13 @@ var Questions = function Questions(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "test--questions__item"
   }, /*#__PURE__*/_react.default.createElement("span", null, question.text)), filteredAnswers.map(function (answer, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
       onClick: function onClick() {
         return !disabled ? updateForm(answer, question.id, index) : null;
       },
-      onKeyUp: function onKeyUp() {},
       key: answer.text,
-      role: "button",
-      tabIndex: 0,
-      className: "test--response__item ".concat(disabled ? 'review' : '', " ").concat(getClass(answer))
+      className: "unset-button test--response__item ".concat(disabled ? 'review' : '', " ").concat(getClass(answer))
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "test--response__index"
     }, LABELS_INDEX[index]), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/url-component/components/UrlComponent.js

@@ -37,6 +37,14 @@ var UrlComponent = function UrlComponent(_ref) {
       documentType = _ref.documentType,
       soundActions = _ref.soundActions,
       keyboardControl = _ref.keyboardControl;
+
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var item = {
     documentType: documentType,
     name: nameLabel,
@@ -67,13 +75,11 @@ var UrlComponent = function UrlComponent(_ref) {
     className: "popup--layer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "popup popup--link"
-  }, !viewed && clicked ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup--close",
+  }, !viewed && clicked ? /*#__PURE__*/_react.default.createElement("button", {
+    className: "popup--close unset-button",
     "data-testid": "close",
-    role: "button",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
-    "aria-label": "link",
+    type: "button",
+    "aria-label": translate('storylines.misc.closePiece'),
     onClick: function onClick() {
       return close();
     }

package/dist/components/video-component/components/VideoComponent.js

@@ -30,6 +30,14 @@ var VideoComponent = function VideoComponent(_ref) {
       img = _ref.img,
       imgIdLabel = _ref.imgId_labelId,
       keyboardControl = _ref.keyboardControl;
+
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
   var url = document.url;
   var item = (0, _react.useMemo)(function () {
     return {
@@ -70,7 +78,8 @@ var VideoComponent = function VideoComponent(_ref) {
     viewed: viewed,
     endVideo: function endVideo() {
       return _endVideo();
-    }
+    },
+    translate: translate
   });
 };
 

package/dist/components/video-visor/components/VideoControllers/ControlButtons.js

@@ -11,19 +11,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var ControlButtons = function ControlButtons(_ref) {
   var pauseVideo = _ref.pauseVideo,
-      paused = _ref.paused;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      paused = _ref.paused,
+      translate = _ref.translate;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "video--controls__buttons"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "aria-label": "play and pause button",
-    onKeyUp: function onKeyUp() {},
-    className: !paused ? 'icon-pause' : 'icon-play',
-    role: "button",
-    tabIndex: 0,
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    id: "playPause",
+    "aria-label": !paused ? translate('storylines.misc.pause') : translate('storylines.misc.play'),
+    className: !paused ? 'unset-button icon-pause' : 'unset-button icon-play',
+    type: "button",
     onClick: function onClick() {
       pauseVideo();
+      document.querySelector('#playPause').blur();
     }
-  })));
+  }));
 };
 
 ControlButtons.defaultProps = {

package/dist/components/video-visor/components/VideoControllers/FinishedVideoButtons.js

@@ -11,23 +11,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var FinishedVideoButtons = function FinishedVideoButtons(_ref) {
   var restart = _ref.restart,
-      finished = _ref.finished;
-
-  if (!finished) {
-    return null;
-  }
-
+      translate = _ref.translate;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "video--extra__actions video--extra__actions--widthTransparencyLayer position--absolute z-index1"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    "aria-label": "rewind video",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
     onClick: function onClick() {
       restart();
     },
-    className: "gat--btn gat--btn__secondary"
+    className: "gat--btn gat--btn__secondary",
+    "aria-label": translate('video.replay')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-rewind"
   }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/components/video-visor/components/VideoControllers/SkipButton.js

@@ -14,14 +14,14 @@ var skipButton = function skipButton(_ref) {
       mandatory = _ref.mandatory,
       finished = _ref.finished,
       skip = _ref.skip,
-      mandatoryHasBeenViewed = _ref.mandatoryHasBeenViewed;
+      mandatoryHasBeenViewed = _ref.mandatoryHasBeenViewed,
+      translate = _ref.translate;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, mandatory && viewed || !mandatory || finished || mandatoryHasBeenViewed ? /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute right top z-index1"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn__round gat--btn__close",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "close",
+    type: "button",
+    "aria-label": translate('storylines.misc.closePiece'),
     onKeyUp: function onKeyUp() {},
     onClick: function onClick() {
       skip();

package/dist/components/video-visor/components/VideoControllers/index.js

@@ -41,22 +41,27 @@ var VideoControllers = function VideoControllers(_ref) {
       setVolume = _ref.setVolume,
       setTimePoint = _ref.setTimePoint,
       audioAnimation = _ref.audioAnimation,
-      mandatoryHasBeenViewed = _ref.mandatoryHasBeenViewed;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, audioAnimation ? null : /*#__PURE__*/_react.default.createElement(_PlayInitButton.default, {
-    play: pause,
-    paused: paused,
-    finished: finished
-  }), /*#__PURE__*/_react.default.createElement(_FinishedVideoButtons.default, {
-    finished: finished,
-    restart: restart
-  }), /*#__PURE__*/_react.default.createElement(_SkipButton.default, {
+      mandatoryHasBeenViewed = _ref.mandatoryHasBeenViewed,
+      translate = _ref.translate,
+      visibility = _ref.visibility;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SkipButton.default, {
     mandatory: mandatory,
     finished: finished,
     viewed: viewed,
     skip: skip,
     rewind: rewind,
-    mandatoryHasBeenViewed: mandatoryHasBeenViewed
+    mandatoryHasBeenViewed: mandatoryHasBeenViewed,
+    translate: translate
   }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "video--controls-wrap ".concat(visibility ? 'video--controls-wrap--hidden' : '')
+  }, audioAnimation ? null : /*#__PURE__*/_react.default.createElement(_PlayInitButton.default, {
+    play: pause,
+    paused: paused,
+    finished: finished
+  }), finished ? /*#__PURE__*/_react.default.createElement(_FinishedVideoButtons.default, {
+    restart: restart,
+    translate: translate
+  }) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: "video--controls"
   }, /*#__PURE__*/_react.default.createElement(_BufferBar.default, {
     mandatory: mandatory,
@@ -75,13 +80,14 @@ var VideoControllers = function VideoControllers(_ref) {
     className: "audio-animation ".concat(paused ? 'audio-animation--notAnimate ' : null)
   })) : null, /*#__PURE__*/_react.default.createElement(_ControlButtons.default, {
     paused: paused,
-    pauseVideo: pause
+    pauseVideo: pause,
+    translate: translate
   }), /*#__PURE__*/_react.default.createElement(_VolumeBar.default, {
     muted: muted,
     mute: mute,
     volume: volume,
     setVolume: setVolume
-  }))));
+  })))));
 };
 
 VideoControllers.defaultProps = {

package/dist/components/video-visor/components/VideoVisor.js

@@ -42,7 +42,8 @@ var VideoVisor = function VideoVisor(_ref) {
       viewed = _ref.viewed,
       backgroundImage = _ref.backgroundImage,
       soundActions = _ref.soundActions,
-      endVideo = _ref.endVideo;
+      endVideo = _ref.endVideo,
+      translate = _ref.translate;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -241,7 +242,8 @@ var VideoVisor = function VideoVisor(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "video ".concat(required && !mandatoryHasBeenViewed && !viewed ? 'forward-disabled' : ''),
     style: isAudio ? configForAudio : null
-  }, !isEmbeddedVideo ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hiddenControls && /*#__PURE__*/_react.default.createElement(_VideoControllers.default, {
+  }, !isEmbeddedVideo ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_VideoControllers.default, {
+    visibility: hiddenControls,
     mandatoryHasBeenViewed: mandatoryHasBeenViewed,
     audioAnimation: !!isAudio,
     skip: endVideo,
@@ -261,7 +263,8 @@ var VideoVisor = function VideoVisor(_ref) {
     rewind: rewind,
     pause: pause,
     volumeState: volume,
-    setVolume: updateVolume
+    setVolume: updateVolume,
+    translate: translate
   }), /*#__PURE__*/_react.default.createElement("video", _extends({
     onMouseMove: function onMouseMove() {
       return handleHideControls();
@@ -269,6 +272,9 @@ var VideoVisor = function VideoVisor(_ref) {
     onClick: function onClick() {
       handleHideControls();
     },
+    onFocus: function onFocus() {
+      handleHideControls();
+    },
     onCanPlayThrough: onCanPlay,
     onWaiting: onWaiting,
     onEnded: onEnded,
@@ -290,11 +296,9 @@ var VideoVisor = function VideoVisor(_ref) {
     className: "popup-message"
   }, /*#__PURE__*/_react.default.createElement("p", null, Math.floor(loadedPercentage))))) : null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute right top z-index1"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
-    "aria-label": "end video",
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": translate('storylines.misc.closePiece'),
     className: "gat--btn__round gat--btn__close",
     onClick: function onClick() {
       playSound('click-ui');

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "2.19.0",
+  "version": "2.20.0-hotfix-GAT-5733",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@gamelearn/arcade-styles": "2.14.3",
+    "@gamelearn/arcade-styles": "2.14.8",
     "@gamelearn/arcade-three-core": "1.17.2",
     "@react-three/drei": "9.4.3",
     "@react-three/fiber": "8.0.17",