@elice/material-quiz 1.230705.1 → 1.230710.0

package/cjs/components/material-quiz/MaterialQuiz.i18n.js

@@ -8,8 +8,8 @@ var en = {
   'materialQuiz.submittedAnswer': 'Submitted Answer',
   'materialQuiz.answer': 'Answer',
   'materialQuiz.next': 'Next question >',
-  'materialQuiz.selectOne.answer.title': 'Please choose the right answer.',
-  'materialQuiz.selectMultiple.answer.title': 'Please choose the right answer. (Redundant selections available)',
+  'materialQuiz.selectOne.answer.title': 'Choose from the views below.',
+  'materialQuiz.selectMultiple.answer.title': 'Choose from the views below. (Redundant selections available)',
   'materialQuiz.selectMultipleOrder.answer.title': 'Drag and drop your answers.',
   'materialQuiz.text.answer.title': 'Please fill out the answer.',
   'materialQuiz.empty.title': 'Quiz is now preparing.',
@@ -41,8 +41,8 @@ var ko = {
   'materialQuiz.submittedAnswer': '제출한 답',
   'materialQuiz.answer': '정답',
   'materialQuiz.next': '다음 문제로 이동 >',
-  'materialQuiz.selectOne.answer.title': '정답을 선택해 주세요.',
-  'materialQuiz.selectMultiple.answer.title': '정답을 선택해 주세요. (중복 선택 가능)',
+  'materialQuiz.selectOne.answer.title': '아래 보기에서 골라주세요.',
+  'materialQuiz.selectMultiple.answer.title': '아래 보기에서 골라주세요. (중복 선택 가능)',
   'materialQuiz.selectMultipleOrder.answer.title': '답안을 드래그 앤 드롭하세요.',
   'materialQuiz.text.answer.title': '답안을 작성해 주세요.',
   'materialQuiz.empty.title': '퀴즈가 준비 중 입니다.',

package/cjs/components/shared/utils/getQuestionStatusStyle.js

@@ -9,7 +9,7 @@ var styled = require('styled-components');
  * Get shared question custom style depend on checked, status values.
  */
 function getQuestionStatusStyle() {
-  return styled.css(["&,& p,& p.elicemd.elicemd--theme-dark{color:", ";}"], function (_ref) {
+  return styled.css(["&,& p,& p.elicemd.elicemd--theme-dark{color:", ";table tbody > tr:nth-child(odd) > td{background-color:", ";}}"], function (_ref) {
     var checked = _ref.checked,
       status = _ref.status;
     switch (status) {
@@ -20,6 +20,10 @@ function getQuestionStatusStyle() {
       default:
         return checked ? designTokens.base.color.primary6 : designTokens.base.color.navy0;
     }
+  }, function (_ref2) {
+    var checked = _ref2.checked,
+      status = _ref2.status;
+    return checked || status !== 'answer' ? "rgba(0, 0, 0, 0.08);" : null;
   });
 }
 

package/es/components/material-quiz/MaterialQuiz.i18n.js

@@ -4,8 +4,8 @@ var en = {
   'materialQuiz.submittedAnswer': 'Submitted Answer',
   'materialQuiz.answer': 'Answer',
   'materialQuiz.next': 'Next question >',
-  'materialQuiz.selectOne.answer.title': 'Please choose the right answer.',
-  'materialQuiz.selectMultiple.answer.title': 'Please choose the right answer. (Redundant selections available)',
+  'materialQuiz.selectOne.answer.title': 'Choose from the views below.',
+  'materialQuiz.selectMultiple.answer.title': 'Choose from the views below. (Redundant selections available)',
   'materialQuiz.selectMultipleOrder.answer.title': 'Drag and drop your answers.',
   'materialQuiz.text.answer.title': 'Please fill out the answer.',
   'materialQuiz.empty.title': 'Quiz is now preparing.',
@@ -37,8 +37,8 @@ var ko = {
   'materialQuiz.submittedAnswer': '제출한 답',
   'materialQuiz.answer': '정답',
   'materialQuiz.next': '다음 문제로 이동 >',
-  'materialQuiz.selectOne.answer.title': '정답을 선택해 주세요.',
-  'materialQuiz.selectMultiple.answer.title': '정답을 선택해 주세요. (중복 선택 가능)',
+  'materialQuiz.selectOne.answer.title': '아래 보기에서 골라주세요.',
+  'materialQuiz.selectMultiple.answer.title': '아래 보기에서 골라주세요. (중복 선택 가능)',
   'materialQuiz.selectMultipleOrder.answer.title': '답안을 드래그 앤 드롭하세요.',
   'materialQuiz.text.answer.title': '답안을 작성해 주세요.',
   'materialQuiz.empty.title': '퀴즈가 준비 중 입니다.',

package/es/components/shared/utils/getQuestionStatusStyle.js

@@ -5,7 +5,7 @@ import { css } from 'styled-components';
  * Get shared question custom style depend on checked, status values.
  */
 function getQuestionStatusStyle() {
-  return css(["&,& p,& p.elicemd.elicemd--theme-dark{color:", ";}"], function (_ref) {
+  return css(["&,& p,& p.elicemd.elicemd--theme-dark{color:", ";table tbody > tr:nth-child(odd) > td{background-color:", ";}}"], function (_ref) {
     var checked = _ref.checked,
       status = _ref.status;
     switch (status) {
@@ -16,6 +16,10 @@ function getQuestionStatusStyle() {
       default:
         return checked ? base.color.primary6 : base.color.navy0;
     }
+  }, function (_ref2) {
+    var checked = _ref2.checked,
+      status = _ref2.status;
+    return checked || status !== 'answer' ? "rgba(0, 0, 0, 0.08);" : null;
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.230705.1",
+  "version": "1.230710.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -58,8 +58,8 @@
     "@elice/icons": "^1.220803.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.220803.1",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.230705.1",
-    "@elice/material-shared-utils": "1.230705.1",
+    "@elice/material-shared-types": "1.230710.0",
+    "@elice/material-shared-utils": "1.230710.0",
     "@elice/types": "^1.230629.0",
     "@types/classnames": "^2.3.1",
     "@types/jquery": "^3.5.13",
@@ -73,5 +73,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "4660ca8beabc64bd82b64187ab5e684a1d5eeb11"
+  "gitHead": "05fac3c0f761149044fa2d81ffd6027ba5700347"
 }