@formio/js 5.1.0-rc.11 → 5.1.0-rc.13

package/dist/formio.form.css

@@ -62,9 +62,9 @@
   opacity: 1;
 }
 .choices[data-type*=select-one] .choices__button:focus {
-  box-shadow: 0 0 0 2px #005F75;
+  box-shadow: 0 0 0 2px #00bcd4;
 }
-.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
+.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
   display: none;
 }
 .choices[data-type*=select-one]::after {
@@ -81,7 +81,7 @@
   pointer-events: none;
 }
 .choices[data-type*=select-one].is-open::after {
-  border-color: transparent transparent #333;
+  border-color: transparent transparent #333 transparent;
   margin-top: -7.5px;
 }
 .choices[data-type*=select-one][dir=rtl]::after {
@@ -108,7 +108,7 @@
   margin-bottom: 0;
   margin-left: 8px;
   padding-left: 16px;
-  border-left: 1px solid rgb(0, 53.5897435897, 66);
+  border-left: 1px solid #008fa1;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
   background-size: 8px;
   width: 8px;
@@ -135,7 +135,7 @@
   overflow: hidden;
 }
 .is-focused .choices__inner, .is-open .choices__inner {
-  border-color: rgb(182.75, 182.75, 182.75);
+  border-color: #b7b7b7;
 }
 .is-open .choices__inner {
   border-radius: 2.5px 2.5px 0 0;
@@ -174,8 +174,8 @@
   font-weight: 500;
   margin-right: 3.75px;
   margin-bottom: 3.75px;
-  background-color: #005F75;
-  border: 1px solid rgb(0, 74.2948717949, 91.5);
+  background-color: #00bcd4;
+  border: 1px solid #00a5bb;
   color: #fff;
   word-break: break-all;
   box-sizing: border-box;
@@ -188,16 +188,16 @@
   margin-left: 3.75px;
 }
 .choices__list--multiple .choices__item.is-highlighted {
-  background-color: rgb(0, 74.2948717949, 91.5);
-  border: 1px solid rgb(0, 53.5897435897, 66);
+  background-color: #00a5bb;
+  border: 1px solid #008fa1;
 }
 .is-disabled .choices__list--multiple .choices__item {
-  background-color: rgb(170.25, 170.25, 170.25);
-  border: 1px solid rgb(144.75, 144.75, 144.75);
+  background-color: #aaaaaa;
+  border: 1px solid #919191;
 }
 
 .choices__list--dropdown, .choices__list[aria-expanded] {
-  display: none;
+  visibility: hidden;
   z-index: 1;
   position: absolute;
   width: 100%;
@@ -209,12 +209,13 @@
   border-bottom-right-radius: 2.5px;
   overflow: hidden;
   word-break: break-all;
+  will-change: visibility;
 }
 .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
-  display: block;
+  visibility: visible;
 }
 .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
-  border-color: rgb(182.75, 182.75, 182.75);
+  border-color: #b7b7b7;
 }
 .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
   top: auto;
@@ -239,10 +240,10 @@
   text-align: right;
 }
 @media (min-width: 640px) {
-  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
+  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
     padding-right: 100px;
   }
-  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
+  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
     content: attr(data-select-text);
     font-size: 12px;
     opacity: 0;
@@ -251,18 +252,18 @@
     top: 50%;
     transform: translateY(-50%);
   }
-  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
+  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
     text-align: right;
     padding-left: 100px;
     padding-right: 10px;
   }
-  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
+  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
     right: auto;
     left: 10px;
   }
 }
 .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
-  background-color: rgb(242.25, 242.25, 242.25);
+  background-color: #f2f2f2;
 }
 .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
   opacity: 0.5;
@@ -287,13 +288,14 @@
   font-weight: 600;
   font-size: 12px;
   padding: 10px;
-  border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
-  color: rgb(127.5, 127.5, 127.5);
+  border-bottom: 1px solid #f7f7f7;
+  color: gray;
 }
 
 .choices__button {
   text-indent: -9999px;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   border: 0;
   background-color: transparent;
   background-repeat: no-repeat;