testio-tailwind 0.8.0 → 0.8.6

package/src/static/app.compiled.css

@@ -1985,10 +1985,6 @@ select{
   padding-left: 20px;
 }
 
-.pt-6{
-  padding-top: 1.5rem;
-}
-
 .pt-xs{
   padding-top: 10px;
 }
@@ -3860,7 +3856,7 @@ footer.actionbar summary > .btn,
 }
 
 .btn,
-input.btn, 
+input.btn,
 input[type="submit"].btn{
   display: inline-flex;
   height: 40px;
@@ -3881,7 +3877,15 @@ input[type="submit"].btn{
   color: rgb(35 106 132 / var(--tw-text-opacity, 1));
 }
 
-.btn:hover, .btn:focus, .btn:active, input.btn:hover, input.btn:focus, input.btn:active, input[type="submit"].btn:hover, input[type="submit"].btn:focus, input[type="submit"].btn:active{
+.btn:hover,
+  .btn:focus,
+  .btn:active,
+  input.btn:hover,
+  input.btn:focus,
+  input.btn:active,
+  input[type="submit"].btn:hover,
+  input[type="submit"].btn:focus,
+  input[type="submit"].btn:active{
   --tw-border-opacity: 1;
   border-color: rgb(33 190 244 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
@@ -3895,8 +3899,8 @@ input[type="submit"].btn{
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.btn-primary, 
-input.btn-primary, 
+.btn-primary,
+input.btn-primary,
 input[type="submit"].btn-primary{
   --tw-bg-opacity: 1;
   background-color: rgb(35 106 132 / var(--tw-bg-opacity, 1));
@@ -3987,7 +3991,7 @@ input[type="submit"].btn-ghost-inverted{
 }
 
 .btn-danger,
-input[type="submit"].btn-danger, 
+input[type="submit"].btn-danger,
 .btn-warning,
 input[type="submit"].btn-warning{
   --tw-bg-opacity: 1;
@@ -3996,7 +4000,7 @@ input[type="submit"].btn-warning{
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.btn-success, 
+.btn-success,
 input[type="submit"].btn-success{
   --tw-bg-opacity: 1;
   background-color: rgb(140 189 36 / var(--tw-bg-opacity, 1));
@@ -4118,7 +4122,7 @@ input[type="submit"].btn-dashed{
 }
 
 .btn-intercom {
-  box-shadow: 4px 4px 8px rgba(0, 0, 0, .2);
+  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
 }
 
 .btn-intercom .icon-intercom::before{
@@ -4126,26 +4130,26 @@ input[type="submit"].btn-dashed{
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.btn:disabled, 
-.btn[disabled], 
-button:disabled, 
-button[disabled], 
-.btn.disabled, 
-.btn-sm:disabled, 
-.btn-sm[disabled], 
-.btn-sm.disabled,  
-.btn-lg-wrapper:disabled .btn-lg, 
-.btn-lg-wrapper[disabled] .btn-lg, 
-.btn-lg-wrapper.disabled .btn-lg, 
-.btn-lg:disabled, 
-.btn-lg[disabled], 
-.btn-lg.disabled, 
-.btn-xl:disabled, 
-.btn-xl[disabled], 
-.btn-xl.disabled, 
-input[type="submit"].btn[disabled], 
-input.btn[disabled], 
-input.btn-sm[disabled], 
+.btn:disabled,
+.btn[disabled],
+button:disabled,
+button[disabled],
+.btn.disabled,
+.btn-sm:disabled,
+.btn-sm[disabled],
+.btn-sm.disabled,
+.btn-lg-wrapper:disabled .btn-lg,
+.btn-lg-wrapper[disabled] .btn-lg,
+.btn-lg-wrapper.disabled .btn-lg,
+.btn-lg:disabled,
+.btn-lg[disabled],
+.btn-lg.disabled,
+.btn-xl:disabled,
+.btn-xl[disabled],
+.btn-xl.disabled,
+input[type="submit"].btn[disabled],
+input.btn[disabled],
+input.btn-sm[disabled],
 input.btn-lg[disabled]{
   cursor: not-allowed;
   border-width: 1px;
@@ -4160,26 +4164,26 @@ input.btn-lg[disabled]{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.btn:disabled:hover, 
-.btn[disabled]:hover, 
-button:disabled:hover, 
-button[disabled]:hover, 
-.btn.disabled:hover, 
-.btn-sm:disabled:hover, 
-.btn-sm[disabled]:hover, 
-.btn-sm.disabled:hover,  
-.btn-lg-wrapper:disabled .btn-lg:hover, 
-.btn-lg-wrapper[disabled] .btn-lg:hover, 
-.btn-lg-wrapper.disabled .btn-lg:hover, 
-.btn-lg:disabled:hover, 
-.btn-lg[disabled]:hover, 
-.btn-lg.disabled:hover, 
-.btn-xl:disabled:hover, 
-.btn-xl[disabled]:hover, 
-.btn-xl.disabled:hover, 
-input[type="submit"].btn[disabled]:hover, 
-input.btn[disabled]:hover, 
-input.btn-sm[disabled]:hover, 
+.btn:disabled:hover,
+.btn[disabled]:hover,
+button:disabled:hover,
+button[disabled]:hover,
+.btn.disabled:hover,
+.btn-sm:disabled:hover,
+.btn-sm[disabled]:hover,
+.btn-sm.disabled:hover,
+.btn-lg-wrapper:disabled .btn-lg:hover,
+.btn-lg-wrapper[disabled] .btn-lg:hover,
+.btn-lg-wrapper.disabled .btn-lg:hover,
+.btn-lg:disabled:hover,
+.btn-lg[disabled]:hover,
+.btn-lg.disabled:hover,
+.btn-xl:disabled:hover,
+.btn-xl[disabled]:hover,
+.btn-xl.disabled:hover,
+input[type="submit"].btn[disabled]:hover,
+input.btn[disabled]:hover,
+input.btn-sm[disabled]:hover,
 input.btn-lg[disabled]:hover{
   background-color: transparent;
   background-image: url('/assets/images/pattern-striped-bright.png');
@@ -4187,7 +4191,48 @@ input.btn-lg[disabled]:hover{
   color: rgb(191 193 197 / var(--tw-text-opacity, 1));
 }
 
-.btn:disabled:hover .icon, .btn:disabled:focus .icon, .btn[disabled]:hover .icon, .btn[disabled]:focus .icon, button:disabled:hover .icon, button:disabled:focus .icon, button[disabled]:hover .icon, button[disabled]:focus .icon, .btn.disabled:hover .icon, .btn.disabled:focus .icon, .btn-sm:disabled:hover .icon, .btn-sm:disabled:focus .icon, .btn-sm[disabled]:hover .icon, .btn-sm[disabled]:focus .icon, .btn-sm.disabled:hover .icon, .btn-sm.disabled:focus .icon, .btn-lg-wrapper:disabled .btn-lg:hover .icon, .btn-lg-wrapper:disabled .btn-lg:focus .icon, .btn-lg-wrapper[disabled] .btn-lg:hover .icon, .btn-lg-wrapper[disabled] .btn-lg:focus .icon, .btn-lg-wrapper.disabled .btn-lg:hover .icon, .btn-lg-wrapper.disabled .btn-lg:focus .icon, .btn-lg:disabled:hover .icon, .btn-lg:disabled:focus .icon, .btn-lg[disabled]:hover .icon, .btn-lg[disabled]:focus .icon, .btn-lg.disabled:hover .icon, .btn-lg.disabled:focus .icon, .btn-xl:disabled:hover .icon, .btn-xl:disabled:focus .icon, .btn-xl[disabled]:hover .icon, .btn-xl[disabled]:focus .icon, .btn-xl.disabled:hover .icon, .btn-xl.disabled:focus .icon, input[type="submit"].btn[disabled]:hover .icon, input[type="submit"].btn[disabled]:focus .icon, input.btn[disabled]:hover .icon, input.btn[disabled]:focus .icon, input.btn-sm[disabled]:hover .icon, input.btn-sm[disabled]:focus .icon, input.btn-lg[disabled]:hover .icon, input.btn-lg[disabled]:focus .icon{
+.btn:disabled:hover .icon,
+  .btn:disabled:focus .icon,
+  .btn[disabled]:hover .icon,
+  .btn[disabled]:focus .icon,
+  button:disabled:hover .icon,
+  button:disabled:focus .icon,
+  button[disabled]:hover .icon,
+  button[disabled]:focus .icon,
+  .btn.disabled:hover .icon,
+  .btn.disabled:focus .icon,
+  .btn-sm:disabled:hover .icon,
+  .btn-sm:disabled:focus .icon,
+  .btn-sm[disabled]:hover .icon,
+  .btn-sm[disabled]:focus .icon,
+  .btn-sm.disabled:hover .icon,
+  .btn-sm.disabled:focus .icon,
+  .btn-lg-wrapper:disabled .btn-lg:hover .icon,
+  .btn-lg-wrapper:disabled .btn-lg:focus .icon,
+  .btn-lg-wrapper[disabled] .btn-lg:hover .icon,
+  .btn-lg-wrapper[disabled] .btn-lg:focus .icon,
+  .btn-lg-wrapper.disabled .btn-lg:hover .icon,
+  .btn-lg-wrapper.disabled .btn-lg:focus .icon,
+  .btn-lg:disabled:hover .icon,
+  .btn-lg:disabled:focus .icon,
+  .btn-lg[disabled]:hover .icon,
+  .btn-lg[disabled]:focus .icon,
+  .btn-lg.disabled:hover .icon,
+  .btn-lg.disabled:focus .icon,
+  .btn-xl:disabled:hover .icon,
+  .btn-xl:disabled:focus .icon,
+  .btn-xl[disabled]:hover .icon,
+  .btn-xl[disabled]:focus .icon,
+  .btn-xl.disabled:hover .icon,
+  .btn-xl.disabled:focus .icon,
+  input[type="submit"].btn[disabled]:hover .icon,
+  input[type="submit"].btn[disabled]:focus .icon,
+  input.btn[disabled]:hover .icon,
+  input.btn[disabled]:focus .icon,
+  input.btn-sm[disabled]:hover .icon,
+  input.btn-sm[disabled]:focus .icon,
+  input.btn-lg[disabled]:hover .icon,
+  input.btn-lg[disabled]:focus .icon{
   --tw-text-opacity: 1;
   color: rgb(191 193 197 / var(--tw-text-opacity, 1));
 }
@@ -4218,6 +4263,10 @@ input.btn-lg[disabled]:hover{
   background-image: url('/assets/images/pattern-striped-dark.png');
 }
 
+button{
+  font-weight: 600;
+}
+
 .btn-gray{
   --tw-bg-opacity: 1;
   background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
@@ -12822,13 +12871,27 @@ a.listitem:hover .icon{
   line-height: 1.25;
 }
 
-.form-group .form-label{
+.form-label.optional::after {
+    content: "(optional)";
+    margin-left: 0.25rem;
+    display: inline-block;
+  }
+
+.form-label.optional-non-en::after {
+    content: attr(data-optional-non-en);
+    margin-left: 0.25rem;
+    display: inline-block;
+  }
+
+.form-group .form-label,
+.form-group .field_with_errors{
   padding-bottom: 5px;
 }
 
 @media (min-width: 768px){
 
-  .form-group .form-label{
+  .form-group .form-label,
+.form-group .field_with_errors{
     padding-top: 15px;
   }
 }
@@ -12838,7 +12901,7 @@ a.listitem:hover .icon{
   color: rgb(191 193 197 / var(--tw-text-opacity, 1));
 }
 
-.form-control, 
+.form-control,
 .form-control-static{
   height: 40px;
   width: 100%;
@@ -12849,10 +12912,10 @@ a.listitem:hover .icon{
   line-height: 18px;
 }
 
-.form-check .field_with_errors input[type=checkbox],
-.form-check .field_with_errors input[type=checkbox]:checked,
-.form-radio .field_with_errors input[type=radio],
-.form-radio .field_with_errors input[type=radio]:checked,
+.form-check .field_with_errors input[type="checkbox"],
+.form-check .field_with_errors input[type="checkbox"]:checked,
+.form-radio .field_with_errors input[type="radio"],
+.form-radio .field_with_errors input[type="radio"]:checked,
 .field_with_errors.dropzone,
 .field_with_errors .form-control{
   --tw-border-opacity: 1;
@@ -12869,8 +12932,9 @@ a.listitem:hover .icon{
 
 .form-hint{
   margin-top: 10px;
+  margin-bottom: 10px;
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   font-size: 0.813rem;
   line-height: 0.813rem;
 }
@@ -12934,8 +12998,8 @@ textarea.form-control{
   color: rgb(191 193 197 / var(--tw-text-opacity, 1));
 }
 
-.form-control:disabled, 
-.form-control.disabled, 
+.form-control:disabled,
+.form-control.disabled,
 .form-control[readonly]{
   --tw-bg-opacity: 1;
   background-color: rgb(191 193 197 / var(--tw-bg-opacity, 1));
@@ -13483,21 +13547,22 @@ textarea.form-control{
 @media (min-width: 768px) {
 
 .form-group.trix-editor {
-    grid-template-areas: "label trix-toolbar"
-                         "label trix-editor"
+    grid-template-areas:
+      "label trix-toolbar"
+      "label trix-editor"
 }
-   }
+  }
 
-.trix-content{
+.trix-editor .trix-content{
   margin-top: -20px;
 }
 
 @media (min-width: 768px) {
 
-.trix-content {
+.trix-editor .trix-content {
     grid-area: trix-editor
 }
-   }
+  }
 
 .trix-editor .form-control{
   height: auto;
@@ -13520,7 +13585,7 @@ trix-toolbar{
 trix-toolbar {
     grid-area: trix-toolbar
 }
-   }
+  }
 
 trix-toolbar .trix-button-group{
   position: relative;
@@ -13539,8 +13604,8 @@ trix-toolbar .trix-button-row{
 
 .trix-button-row::-webkit-scrollbar {
   display: none;
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
 }
 
 .trix-button-group.trix-button-group--history-tools{
@@ -13567,7 +13632,8 @@ trix-toolbar .trix-button{
 
 /* Fix for safari bug, we don't need to show any text in those buttons */
 
-trix-toolbar .trix-button:hover, trix-toolbar .trix-button:focus{
+trix-toolbar .trix-button:hover,
+  trix-toolbar .trix-button:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
@@ -13780,6 +13846,19 @@ trix-editor .attachment__progress::-webkit-progress-value{
   background-color: rgb(50 109 209 / var(--tw-bg-opacity, 1));
 }
 
+/*///// Validation errors /////*/
+
+.field_with_errors trix-toolbar{
+  margin-bottom: 1.25rem;
+}
+
+.field_with_errors .trix-content,
+  .field_with_errors select{
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(236 4 4 / var(--tw-border-opacity, 1));
+}
+
 /*///// File upload and attachments /////*/
 
 .form-file{
@@ -15249,11 +15328,11 @@ details[open] .drawer-trigger .close-btn {
   position: fixed;
   top: 0px;
   left: 0px;
-  z-index: 10;
+  z-index: 50;
   height: 100vh;
   width: 100vw;
   content: "";
-  background-color: rgba(0,0,0,.75);
+  background-color: rgba(0, 0, 0, 0.75);
 }
 
 .modal-wrapper[open] .modal-container{
@@ -15261,7 +15340,6 @@ details[open] .drawer-trigger .close-btn {
   position: fixed;
   top: 0px;
   left: 0px;
-  z-index: 20;
   display: flex;
   height: 100vh;
   width: 100vw;
@@ -15269,6 +15347,7 @@ details[open] .drawer-trigger .close-btn {
   justify-content: center;
   overflow-y: scroll;
   padding: 50px;
+  z-index: 51;
 }
 
 .modal-wrapper[open] .modal{
@@ -15283,7 +15362,7 @@ details[open] .drawer-trigger .close-btn {
   height: auto;
   max-width: 100vw;
   pointer-events: all;
-  z-index: 11;
+  z-index: 52;
 }
 
 .modal-wrapper[open] .modal.modal-sm{
@@ -15381,7 +15460,8 @@ details[open] .drawer-trigger .close-btn {
   opacity: 0.25;
 }
 
-.btn.disabled, :disabled.btn{
+.btn.disabled,
+:disabled.btn{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(191 193 197 / var(--tw-text-opacity, 1));
@@ -17925,6 +18005,16 @@ select.select2 {
   margin-right: 0px;
 }
 
+/*///// Validation errors /////*/
+
+.form-select .field_with_errors .select2-container .select2-selection,
+  .form-select .field_with_errors .select2-container .select2-search__field{
+  --tw-border-opacity: 1;
+  border-color: rgb(236 4 4 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 4 4 / var(--tw-bg-opacity, 1));
+}
+
 .form-select{
   width: 100%;
 }
@@ -18042,11 +18132,21 @@ select{
   padding-bottom: 5px;
 }
 
-.form-select-native option:hover, .form-select-native option:focus{
+.form-select-native option:hover,
+  .form-select-native option:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
 }
 
+/*///// Validation errors /////*/
+
+.form-select-native .field_with_errors select{
+  --tw-border-opacity: 1;
+  border-color: rgb(236 4 4 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 4 4 / var(--tw-bg-opacity, 1));
+}
+
 .test-header.tester{
   display: grid;
   --tw-bg-opacity: 1;