testio-tailwind 0.8.2 → 0.8.7

package/src/static/app.compiled.css

@@ -1898,16 +1898,6 @@ select{
   background-color: rgb(35 106 132 / var(--tw-bg-opacity, 1));
 }
 
-.bg-petrol-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(35 106 132 / var(--tw-bg-opacity, 1));
-}
-
-.bg-petrol-800{
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 51 64 / var(--tw-bg-opacity, 1));
-}
-
 .bg-petrol-dark{
   --tw-bg-opacity: 1;
   background-color: rgb(38 51 64 / var(--tw-bg-opacity, 1));
@@ -3856,7 +3846,7 @@ footer.actionbar summary > .btn,
 }
 
 .btn,
-input.btn, 
+input.btn,
 input[type="submit"].btn{
   display: inline-flex;
   height: 40px;
@@ -3877,7 +3867,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;
@@ -3891,8 +3889,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));
@@ -3983,7 +3981,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;
@@ -3992,7 +3990,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));
@@ -4114,7 +4112,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{
@@ -4122,26 +4120,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;
@@ -4156,26 +4154,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');
@@ -4183,7 +4181,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));
 }
@@ -4214,6 +4253,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));
@@ -12830,13 +12873,15 @@ a.listitem:hover .icon{
     display: inline-block;
   }
 
-.form-group .form-label{
+.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;
   }
 }
@@ -12877,8 +12922,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;
 }
@@ -13491,10 +13537,11 @@ 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-editor .trix-content{
   margin-top: -20px;
@@ -13505,7 +13552,7 @@ textarea.form-control{
 .trix-editor .trix-content {
     grid-area: trix-editor
 }
-   }
+  }
 
 .trix-editor .form-control{
   height: auto;
@@ -13528,7 +13575,7 @@ trix-toolbar{
 trix-toolbar {
     grid-area: trix-toolbar
 }
-   }
+  }
 
 trix-toolbar .trix-button-group{
   position: relative;
@@ -13547,8 +13594,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{
@@ -13575,7 +13622,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;
@@ -13788,6 +13836,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{
@@ -15257,11 +15318,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{
@@ -15269,7 +15330,6 @@ details[open] .drawer-trigger .close-btn {
   position: fixed;
   top: 0px;
   left: 0px;
-  z-index: 20;
   display: flex;
   height: 100vh;
   width: 100vw;
@@ -15277,6 +15337,7 @@ details[open] .drawer-trigger .close-btn {
   justify-content: center;
   overflow-y: scroll;
   padding: 50px;
+  z-index: 51;
 }
 
 .modal-wrapper[open] .modal{
@@ -15291,7 +15352,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{
@@ -15389,7 +15450,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));
@@ -17933,6 +17995,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%;
 }
@@ -18050,11 +18122,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;