@micromag/screen-quiz 0.4.4 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +5 -5
  2. package/es/index.js +5 -5
  3. package/es/styles.css +5 -5
  4. package/package.json +20 -20
package/assets/css/styles.css CHANGED
@@ -1,5 +1,5 @@
1
- .container,.items{position:relative}.emptyAnswer{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);font-size:.75em;height:40px;margin:0 auto;width:100%}.item{margin:0;padding:0;position:relative;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.isPlaceholder .item{padding:1px 0}.item.userAnswer{opacity:1!important}.item.otherAnswer{opacity:.6!important}.item.withoutOpacity{opacity:1!important}.button:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.button{color:var(--mm-white);padding:10px;position:relative;width:100%}.button:disabled{opacity:1}.withIcon .button{padding-left:42px;padding-right:42px}.withSquareItems .button{aspect-ratio:1}.resultIcon{display:-ms-flexbox;display:flex;height:34px;left:5px;position:absolute;top:50%;width:34px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:var(--mm-red);border:2px solid var(--mm-black);border-radius:50%;justify-content:center;margin-top:-18px;opacity:0;padding:5px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.answered .resultIcon{opacity:1}.rightAnswer .resultIcon{background-color:var(--mm-green)}.resultIcon .faIcon{display:block;height:24px}.itemContent{padding:5px 0}
2
- .container .question{margin-bottom:10px}.container .index{display:block;margin-bottom:1em;text-align:center;width:100%}.container .resultContent{padding:20px 0}.container .result{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.container .emptyQuestion,.container .emptyResult{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyQuestion{height:60px;margin-bottom:10px}.container .emptyResult{height:100px}.container.resultVisible .result{opacity:1;pointer-events:all;position:relative}.container.resultHidden .result{opacity:0;pointer-events:none;position:absolute}.container.resultHidden .result .resultContent{padding:0}.container.isPlaceholder{padding:10px}.container.isPlaceholder .index{color:hsla(0,0%,100%,.6);font-size:8px;mix-blend-mode:difference}
3
- .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:2}.container.disabled{pointer-events:none}.reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.reset:hover{border:0;opacity:.8}.reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.points{color:var(--mm-white);padding:10px;z-index:1000}.layout,.points{left:0;position:absolute;top:0}.layout{bottom:0;right:0}.header{left:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.header.disabled{opacity:0;pointer-events:none}.footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.footer a{padding:0}.footer.disabled{opacity:0;pointer-events:none}.transition{bottom:0;left:0;position:absolute;right:0;top:0}.intro,.nextButton,.question,.results{overflow:hidden}.nextButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.nextButton{color:var(--mm-white);padding:10px;position:relative;width:100%}.nextButton:disabled{opacity:1;pointer-events:none}.withIcon .nextButton{padding-left:42px;padding-right:42px}
4
- .container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyTitle{height:60px}.container .emptyDescription{height:100px}.container.isPlaceholder{padding:10px}
5
- .container .description,.container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto 10px;width:100%}.container .emptyTitle{height:60px}.container .emptyDescription{height:100px}.container.isPlaceholder{padding:10px}
1
+ .micromag-screen-quiz-answers-container,.micromag-screen-quiz-answers-items{position:relative}.micromag-screen-quiz-answers-emptyAnswer{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);font-size:.75em;height:40px;margin:0 auto;width:100%}.micromag-screen-quiz-answers-item{margin:0;padding:0;position:relative;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.micromag-screen-quiz-answers-isPlaceholder .micromag-screen-quiz-answers-item{padding:1px 0}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{opacity:1!important}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-otherAnswer{opacity:.6!important}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-withoutOpacity{opacity:1!important}.micromag-screen-quiz-answers-button:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-quiz-answers-button{color:var(--mm-white);padding:10px;position:relative;width:100%}.micromag-screen-quiz-answers-button:disabled{opacity:1}.micromag-screen-quiz-answers-withIcon .micromag-screen-quiz-answers-button{padding-left:42px;padding-right:42px}.micromag-screen-quiz-answers-withSquareItems .micromag-screen-quiz-answers-button{aspect-ratio:1}.micromag-screen-quiz-answers-resultIcon{display:-ms-flexbox;display:flex;height:34px;left:5px;position:absolute;top:50%;width:34px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:var(--mm-red);border:2px solid var(--mm-black);border-radius:50%;justify-content:center;margin-top:-18px;opacity:0;padding:5px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-resultIcon{opacity:1}.micromag-screen-quiz-answers-rightAnswer .micromag-screen-quiz-answers-resultIcon{background-color:var(--mm-green)}.micromag-screen-quiz-answers-resultIcon .micromag-screen-quiz-answers-faIcon{display:block;height:24px}.micromag-screen-quiz-answers-itemContent{padding:5px 0}
2
+ .micromag-screen-quiz-question-container .micromag-screen-quiz-question-question{margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-index{display:block;margin-bottom:1em;text-align:center;width:100%}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-resultContent{padding:20px 0}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-result{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion{height:60px;margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{height:100px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultVisible .micromag-screen-quiz-question-result{opacity:1;pointer-events:all;position:relative}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultHidden .micromag-screen-quiz-question-result{opacity:0;pointer-events:none;position:absolute}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultHidden .micromag-screen-quiz-question-result .micromag-screen-quiz-question-resultContent{padding:0}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder{padding:10px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder .micromag-screen-quiz-question-index{color:hsla(0,0%,100%,.6);font-size:8px;mix-blend-mode:difference}
3
+ .micromag-screen-quiz-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-quiz-container .micromag-screen-quiz-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-quiz-container .micromag-screen-quiz-content{z-index:2}.micromag-screen-quiz-container.micromag-screen-quiz-disabled{pointer-events:none}.micromag-screen-quiz-reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.micromag-screen-quiz-reset:hover{border:0;opacity:.8}.micromag-screen-quiz-reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.micromag-screen-quiz-points{color:var(--mm-white);left:0;padding:10px;position:absolute;top:0;z-index:1000}.micromag-screen-quiz-layout{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-screen-quiz-header{left:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-quiz-header.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-quiz-footer a{padding:0}.micromag-screen-quiz-footer.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-transition{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-screen-quiz-intro,.micromag-screen-quiz-nextButton,.micromag-screen-quiz-question,.micromag-screen-quiz-results{overflow:hidden}.micromag-screen-quiz-nextButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-quiz-nextButton{color:var(--mm-white);padding:10px;position:relative;width:100%}.micromag-screen-quiz-nextButton:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-withIcon .micromag-screen-quiz-nextButton{padding-left:42px;padding-right:42px}
4
+ .micromag-screen-quiz-results-container .micromag-screen-quiz-results-title{margin-bottom:10px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{height:60px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription{height:100px}.micromag-screen-quiz-results-container.micromag-screen-quiz-results-isPlaceholder{padding:10px}
5
+ .micromag-screen-quiz-title-container .micromag-screen-quiz-title-description,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-title{margin-bottom:10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto 10px;width:100%}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{height:60px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription{height:100px}.micromag-screen-quiz-title-container.micromag-screen-quiz-title-isPlaceholder{padding:10px}
package/es/index.js CHANGED
@@ -27,7 +27,7 @@ import { animated, useTransition, easings } from '@react-spring/web';
27
27
  import Button$1, { RichButton } from '@micromag/element-button';
28
28
  import Keypad from '@micromag/element-keypad';
29
29
 
30
- var styles$4 = {"container":"container","items":"items","emptyAnswer":"emptyAnswer","item":"item","isPlaceholder":"isPlaceholder","userAnswer":"userAnswer","otherAnswer":"otherAnswer","withoutOpacity":"withoutOpacity","button":"button","withIcon":"withIcon","withSquareItems":"withSquareItems","resultIcon":"resultIcon","answered":"answered","rightAnswer":"rightAnswer","faIcon":"faIcon","itemContent":"itemContent"};
30
+ var styles$4 = {"container":"micromag-screen-quiz-answers-container","items":"micromag-screen-quiz-answers-items","emptyAnswer":"micromag-screen-quiz-answers-emptyAnswer","item":"micromag-screen-quiz-answers-item","isPlaceholder":"micromag-screen-quiz-answers-isPlaceholder","userAnswer":"micromag-screen-quiz-answers-userAnswer","otherAnswer":"micromag-screen-quiz-answers-otherAnswer","withoutOpacity":"micromag-screen-quiz-answers-withoutOpacity","button":"micromag-screen-quiz-answers-button","withIcon":"micromag-screen-quiz-answers-withIcon","withSquareItems":"micromag-screen-quiz-answers-withSquareItems","resultIcon":"micromag-screen-quiz-answers-resultIcon","answered":"micromag-screen-quiz-answers-answered","rightAnswer":"micromag-screen-quiz-answers-rightAnswer","faIcon":"micromag-screen-quiz-answers-faIcon","itemContent":"micromag-screen-quiz-answers-itemContent"};
31
31
 
32
32
  function Answers(_ref) {
33
33
  var items = _ref.items,
@@ -409,7 +409,7 @@ function Answers(_ref) {
409
409
  }) : null);
410
410
  }
411
411
 
412
- var styles$3 = {"container":"container","question":"question","index":"index","resultContent":"resultContent","result":"result","emptyQuestion":"emptyQuestion","emptyResult":"emptyResult","resultVisible":"resultVisible","resultHidden":"resultHidden","isPlaceholder":"isPlaceholder"};
412
+ var styles$3 = {"container":"micromag-screen-quiz-question-container","question":"micromag-screen-quiz-question-question","index":"micromag-screen-quiz-question-index","resultContent":"micromag-screen-quiz-question-resultContent","result":"micromag-screen-quiz-question-result","emptyQuestion":"micromag-screen-quiz-question-emptyQuestion","emptyResult":"micromag-screen-quiz-question-emptyResult","resultVisible":"micromag-screen-quiz-question-resultVisible","resultHidden":"micromag-screen-quiz-question-resultHidden","isPlaceholder":"micromag-screen-quiz-question-isPlaceholder"};
413
413
 
414
414
  function Question(_ref) {
415
415
  var _ref$question = _ref.question,
@@ -606,7 +606,7 @@ function Question(_ref) {
606
606
  }) : null) : null))) : null]);
607
607
  }
608
608
 
609
- var styles$2 = {"container":"container","background":"background","content":"content","disabled":"disabled","reset":"reset","points":"points","header":"header","footer":"footer","nextButton":"nextButton","question":"question","results":"results","intro":"intro"};
609
+ var styles$2 = {"container":"micromag-screen-quiz-container","background":"micromag-screen-quiz-background","content":"micromag-screen-quiz-content","disabled":"micromag-screen-quiz-disabled","reset":"micromag-screen-quiz-reset","points":"micromag-screen-quiz-points","header":"micromag-screen-quiz-header","footer":"micromag-screen-quiz-footer","nextButton":"micromag-screen-quiz-nextButton","question":"micromag-screen-quiz-question","results":"micromag-screen-quiz-results","intro":"micromag-screen-quiz-intro"};
610
610
 
611
611
  function QuizScreen(_ref) {
612
612
  var _ref$id = _ref.id,
@@ -895,7 +895,7 @@ function QuizScreen(_ref) {
895
895
  }) : null);
896
896
  }
897
897
 
898
- var styles$1 = {"container":"container","title":"title","emptyTitle":"emptyTitle","emptyDescription":"emptyDescription"};
898
+ var styles$1 = {"container":"micromag-screen-quiz-results-container","title":"micromag-screen-quiz-results-title","emptyTitle":"micromag-screen-quiz-results-emptyTitle","emptyDescription":"micromag-screen-quiz-results-emptyDescription"};
899
899
 
900
900
  function Results(_ref) {
901
901
  var _ref$layout = _ref.layout,
@@ -979,7 +979,7 @@ function Results(_ref) {
979
979
  }))) : null)]);
980
980
  }
981
981
 
982
- var styles = {"container":"container","title":"title","description":"description","emptyTitle":"emptyTitle","emptyDescription":"emptyDescription"};
982
+ var styles = {"container":"micromag-screen-quiz-title-container","title":"micromag-screen-quiz-title-title","description":"micromag-screen-quiz-title-description","emptyTitle":"micromag-screen-quiz-title-emptyTitle","emptyDescription":"micromag-screen-quiz-title-emptyDescription"};
983
983
 
984
984
  function Title(_ref) {
985
985
  var _ref$layout = _ref.layout,
package/es/styles.css CHANGED
@@ -1,5 +1,5 @@
1
- .container,.items{position:relative}.emptyAnswer{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);font-size:.75em;height:40px;margin:0 auto;width:100%}.item{margin:0;padding:0;position:relative;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.isPlaceholder .item{padding:1px 0}.item.userAnswer{opacity:1!important}.item.otherAnswer{opacity:.6!important}.item.withoutOpacity{opacity:1!important}.button:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.button{color:var(--mm-white);padding:10px;position:relative;width:100%}.button:disabled{opacity:1}.withIcon .button{padding-left:42px;padding-right:42px}.withSquareItems .button{aspect-ratio:1}.resultIcon{display:-ms-flexbox;display:flex;height:34px;left:5px;position:absolute;top:50%;width:34px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:var(--mm-red);border:2px solid var(--mm-black);border-radius:50%;justify-content:center;margin-top:-18px;opacity:0;padding:5px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.answered .resultIcon{opacity:1}.rightAnswer .resultIcon{background-color:var(--mm-green)}.resultIcon .faIcon{display:block;height:24px}.itemContent{padding:5px 0}
2
- .container .question{margin-bottom:10px}.container .index{display:block;margin-bottom:1em;text-align:center;width:100%}.container .resultContent{padding:20px 0}.container .result{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.container .emptyQuestion,.container .emptyResult{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyQuestion{height:60px;margin-bottom:10px}.container .emptyResult{height:100px}.container.resultVisible .result{opacity:1;pointer-events:all;position:relative}.container.resultHidden .result{opacity:0;pointer-events:none;position:absolute}.container.resultHidden .result .resultContent{padding:0}.container.isPlaceholder{padding:10px}.container.isPlaceholder .index{color:hsla(0,0%,100%,.6);font-size:8px;mix-blend-mode:difference}
3
- .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:2}.container.disabled{pointer-events:none}.reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.reset:hover{border:0;opacity:.8}.reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.points{color:var(--mm-white);padding:10px;z-index:1000}.layout,.points{left:0;position:absolute;top:0}.layout{bottom:0;right:0}.header{left:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.header.disabled{opacity:0;pointer-events:none}.footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.footer a{padding:0}.footer.disabled{opacity:0;pointer-events:none}.transition{bottom:0;left:0;position:absolute;right:0;top:0}.intro,.nextButton,.question,.results{overflow:hidden}.nextButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.nextButton{color:var(--mm-white);padding:10px;position:relative;width:100%}.nextButton:disabled{opacity:1;pointer-events:none}.withIcon .nextButton{padding-left:42px;padding-right:42px}
4
- .container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyTitle{height:60px}.container .emptyDescription{height:100px}.container.isPlaceholder{padding:10px}
5
- .container .description,.container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto 10px;width:100%}.container .emptyTitle{height:60px}.container .emptyDescription{height:100px}.container.isPlaceholder{padding:10px}
1
+ .micromag-screen-quiz-answers-container,.micromag-screen-quiz-answers-items{position:relative}.micromag-screen-quiz-answers-emptyAnswer{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);font-size:.75em;height:40px;margin:0 auto;width:100%}.micromag-screen-quiz-answers-item{margin:0;padding:0;position:relative;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.micromag-screen-quiz-answers-isPlaceholder .micromag-screen-quiz-answers-item{padding:1px 0}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{opacity:1!important}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-otherAnswer{opacity:.6!important}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-withoutOpacity{opacity:1!important}.micromag-screen-quiz-answers-button:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-quiz-answers-button{color:var(--mm-white);padding:10px;position:relative;width:100%}.micromag-screen-quiz-answers-button:disabled{opacity:1}.micromag-screen-quiz-answers-withIcon .micromag-screen-quiz-answers-button{padding-left:42px;padding-right:42px}.micromag-screen-quiz-answers-withSquareItems .micromag-screen-quiz-answers-button{aspect-ratio:1}.micromag-screen-quiz-answers-resultIcon{display:-ms-flexbox;display:flex;height:34px;left:5px;position:absolute;top:50%;width:34px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:var(--mm-red);border:2px solid var(--mm-black);border-radius:50%;justify-content:center;margin-top:-18px;opacity:0;padding:5px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-resultIcon{opacity:1}.micromag-screen-quiz-answers-rightAnswer .micromag-screen-quiz-answers-resultIcon{background-color:var(--mm-green)}.micromag-screen-quiz-answers-resultIcon .micromag-screen-quiz-answers-faIcon{display:block;height:24px}.micromag-screen-quiz-answers-itemContent{padding:5px 0}
2
+ .micromag-screen-quiz-question-container .micromag-screen-quiz-question-question{margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-index{display:block;margin-bottom:1em;text-align:center;width:100%}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-resultContent{padding:20px 0}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-result{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion{height:60px;margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{height:100px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultVisible .micromag-screen-quiz-question-result{opacity:1;pointer-events:all;position:relative}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultHidden .micromag-screen-quiz-question-result{opacity:0;pointer-events:none;position:absolute}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultHidden .micromag-screen-quiz-question-result .micromag-screen-quiz-question-resultContent{padding:0}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder{padding:10px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder .micromag-screen-quiz-question-index{color:hsla(0,0%,100%,.6);font-size:8px;mix-blend-mode:difference}
3
+ .micromag-screen-quiz-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-quiz-container .micromag-screen-quiz-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-quiz-container .micromag-screen-quiz-content{z-index:2}.micromag-screen-quiz-container.micromag-screen-quiz-disabled{pointer-events:none}.micromag-screen-quiz-reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.micromag-screen-quiz-reset:hover{border:0;opacity:.8}.micromag-screen-quiz-reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.micromag-screen-quiz-points{color:var(--mm-white);left:0;padding:10px;position:absolute;top:0;z-index:1000}.micromag-screen-quiz-layout{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-screen-quiz-header{left:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-quiz-header.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-quiz-footer a{padding:0}.micromag-screen-quiz-footer.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-transition{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-screen-quiz-intro,.micromag-screen-quiz-nextButton,.micromag-screen-quiz-question,.micromag-screen-quiz-results{overflow:hidden}.micromag-screen-quiz-nextButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-quiz-nextButton{color:var(--mm-white);padding:10px;position:relative;width:100%}.micromag-screen-quiz-nextButton:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-withIcon .micromag-screen-quiz-nextButton{padding-left:42px;padding-right:42px}
4
+ .micromag-screen-quiz-results-container .micromag-screen-quiz-results-title{margin-bottom:10px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{height:60px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription{height:100px}.micromag-screen-quiz-results-container.micromag-screen-quiz-results-isPlaceholder{padding:10px}
5
+ .micromag-screen-quiz-title-container .micromag-screen-quiz-title-description,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-title{margin-bottom:10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto 10px;width:100%}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{height:60px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription{height:100px}.micromag-screen-quiz-title-container.micromag-screen-quiz-title-isPlaceholder{padding:10px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quiz",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -60,24 +60,24 @@
60
60
  "react-dom": "^18.3.0 || ^19.0.0"
61
61
  },
62
62
  "dependencies": {
63
- "@babel/runtime": "^7.13.10",
64
- "@fortawesome/fontawesome-svg-core": "^6.5.2",
65
- "@fortawesome/free-solid-svg-icons": "^6.5.2",
66
- "@fortawesome/react-fontawesome": "^0.2.0",
67
- "@micromag/core": "^0.4.4",
68
- "@micromag/data": "^0.4.4",
69
- "@micromag/element-background": "^0.4.4",
70
- "@micromag/element-button": "^0.4.4",
71
- "@micromag/element-container": "^0.4.4",
72
- "@micromag/element-footer": "^0.4.4",
73
- "@micromag/element-header": "^0.4.4",
74
- "@micromag/element-heading": "^0.4.4",
75
- "@micromag/element-keypad": "^0.4.4",
76
- "@micromag/element-layout": "^0.4.4",
77
- "@micromag/element-scroll": "^0.4.4",
78
- "@micromag/element-text": "^0.4.4",
79
- "@micromag/element-visual": "^0.4.4",
80
- "@micromag/transforms": "^0.4.4",
63
+ "@babel/runtime": "^7.28.6",
64
+ "@fortawesome/fontawesome-svg-core": "^7.2.0",
65
+ "@fortawesome/free-solid-svg-icons": "^7.2.0",
66
+ "@fortawesome/react-fontawesome": "^3.2.0",
67
+ "@micromag/core": "^0.4.6",
68
+ "@micromag/data": "^0.4.6",
69
+ "@micromag/element-background": "^0.4.6",
70
+ "@micromag/element-button": "^0.4.6",
71
+ "@micromag/element-container": "^0.4.6",
72
+ "@micromag/element-footer": "^0.4.6",
73
+ "@micromag/element-header": "^0.4.6",
74
+ "@micromag/element-heading": "^0.4.6",
75
+ "@micromag/element-keypad": "^0.4.6",
76
+ "@micromag/element-layout": "^0.4.6",
77
+ "@micromag/element-scroll": "^0.4.6",
78
+ "@micromag/element-text": "^0.4.6",
79
+ "@micromag/element-visual": "^0.4.6",
80
+ "@micromag/transforms": "^0.4.6",
81
81
  "@react-spring/core": "^10.0.3",
82
82
  "@react-spring/web": "^10.0.3",
83
83
  "classnames": "^2.2.6",
@@ -89,6 +89,6 @@
89
89
  "access": "public",
90
90
  "registry": "https://registry.npmjs.org/"
91
91
  },
92
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
92
+ "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
93
93
  "types": "es/index.d.ts"
94
94
  }