@oat-sa/tao-core-ui 1.64.2 → 1.66.0

package/src/css/basic.css

@@ -7,12 +7,12 @@
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -40,7 +40,7 @@ Usage:
 /* Do not edit */
 @font-face {
     font-family: 'tao';
-    src: url("font/tao/tao.ttf?7qpt5f") format("truetype"), url("font/tao/tao.woff?7qpt5f") format("woff"), url("font/tao/tao.svg?7qpt5f#tao") format("svg");
+    src: url("font/tao/tao.ttf?vqlrdd") format("truetype"), url("font/tao/tao.woff?vqlrdd") format("woff"), url("font/tao/tao.svg?vqlrdd#tao") format("svg");
     font-weight: normal;
     font-style: normal;
     font-display: block;
@@ -62,6 +62,22 @@ Usage:
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-japan-incorrect:before {
+    content: "\e91b";
+}
+
+.icon-japan-correct:before {
+    content: "\e91c";
+}
+
+.icon-japan-partial:before {
+    content: "\e91d";
+}
+
+.icon-score-partial:before {
+    content: "\e91a";
+}
+
 .icon-furigana:before {
     content: "\e919";
 }
@@ -2073,12 +2089,12 @@ textarea + .feedback-info, textarea + .tooltip-blue {
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -2115,11 +2131,11 @@ Usage:
 .select2-drop,
 .select2-search,
 .select2-search input {
-    /*
-      Force border-box so that % widths fit the parent
-      container without overlap because of margin/padding.
-
-      More Info : http://www.quirksmode.org/css/box.html
+    /*
+      Force border-box so that % widths fit the parent
+      container without overlap because of margin/padding.
+
+      More Info : http://www.quirksmode.org/css/box.html
     */
     /* webkit */
     /* firefox */
@@ -2435,8 +2451,8 @@ Usage:
     display: none;
 }
 
-/*
-disabled look for disabled choices in the results dropdown
+/*
+disabled look for disabled choices in the results dropdown
 */
 .select2-results .select2-disabled.select2-highlighted {
     color: #999;
@@ -2726,12 +2742,12 @@ Special outer level classes used in this file:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -3043,12 +3059,12 @@ other files.
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -3085,12 +3101,12 @@ http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Reset
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -3408,12 +3424,12 @@ panel contents and color panels check menu.css and colorpanel.css.
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -3759,12 +3775,12 @@ Special outer level classes used in this file:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -4291,12 +4307,12 @@ The visual representation of a rich combo widget looks as follows:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -4598,12 +4614,12 @@ For licensing, see LICENSE.md or http://ckeditor.com/license
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -4645,12 +4661,12 @@ Usage:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -4740,12 +4756,12 @@ Usage:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -5098,12 +5114,12 @@ legend.cke_voice_label {
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -5378,12 +5394,12 @@ Special outer level classes used in this file:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -5771,12 +5787,12 @@ Usage:
     clear: both;
 }
 
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -7238,9 +7254,9 @@ label input[type="checkbox"][readonly] ~ label {
 }
 
 .xhtml_form .datepicker-input {
-    /*
-        z-index value of datepicker will be inherited from input z-index value+1
-        z-index of datepiker should be higher than z-index of main menu (see https://oat-sa.atlassian.net/browse/TAO-936)
+    /*
+        z-index value of datepicker will be inherited from input z-index value+1
+        z-index of datepiker should be higher than z-index of main menu (see https://oat-sa.atlassian.net/browse/TAO-936)
         */
     position: relative;
     z-index: 8100;
@@ -7512,9 +7528,9 @@ input[type="checkbox"], input[type="radio"] {
     border-color: transparent;
 }
 
-/* Functional styling;
- * These styles are required for noUiSlider to function.
- * You don't need to change these rules to apply your design.
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
  */
 .noUi-target,
 .noUi-target * {
@@ -7546,13 +7562,13 @@ input[type="checkbox"], input[type="radio"] {
 }
 
 .noUi-stacking .noUi-handle {
-    /* This class is applied to the lower origin when
+    /* This class is applied to the lower origin when
        its values is > 50%. */
     z-index: 10;
 }
 
 .noUi-stacking + .noUi-origin {
-    /* Fix stacking order in IE7, which incorrectly
+    /* Fix stacking order in IE7, which incorrectly
        creates a new context for the origins. */
     *z-index: -1;
 }
@@ -7561,7 +7577,7 @@ input[type="checkbox"], input[type="radio"] {
     cursor: inherit !important;
 }
 
-/* Slider size and handle placement;
+/* Slider size and handle placement;
  */
 .noUi-horizontal {
     height: 11px;
@@ -7626,7 +7642,7 @@ input[type="checkbox"], input[type="radio"] {
     bottom: -15px;
 }
 
-/* Styling;
+/* Styling;
  */
 .noUi-background {
     background: white;
@@ -7642,7 +7658,7 @@ input[type="checkbox"], input[type="radio"] {
     -webkit-border-radius: 2px;
 }
 
-/* Handles and cursors;
+/* Handles and cursors;
  */
 .noUi-dragable {
     cursor: w-resize;
@@ -7679,7 +7695,7 @@ input[type="checkbox"], input[type="radio"] {
     top: 17px;
 }
 
-/* Disabled state;
+/* Disabled state;
  */
 [disabled].noUi-connect,
 [disabled] .noUi-connect {