📦 Shared UI v2.10.7

wpmudev · Mar 10, 2021 · 6fb6a39 · 6fb6a39
1 parent 15b5abe
commit 6fb6a39
Show file tree

Hide file tree

Showing 24 changed files with 16,836 additions and 4,565 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+v2.10.7
+- [Fix] Select: Selected items are not properly highlighted inside dropdown.
+- [Fix] Select: Multi-select search is unstyled and placed outside container.
+- [Enhance] Select: Use new color variables.
+
+
 v2.10.6
 - [Fix] Select: Append dropdown to SUI body class instead of body tag.
 

diff --git a/dist/css/shared-ui.css b/dist/css/shared-ui.css
diff --git a/dist/css/shared-ui.min.css b/dist/css/shared-ui.min.css
diff --git a/dist/css/sui-wp-editor.css b/dist/css/sui-wp-editor.css
@@ -3,16 +3,16 @@
  * Copyright 2018 - 2019 Incsub (https://incsub.com)
  * Licensed under GPL v2 (http://www.gnu.org/licenses/gpl-2.0.html)
  */
-.sui-2-10-6 .sui-wrap .sui-label-editor {
+.sui-2-10-7 .sui-wrap .sui-label-editor {
   margin-bottom: 0;
   line-height: 30px;
 }
 
-.sui-2-10-6 .sui-wrap .sui-label-editor + .wp-editor-wrap {
+.sui-2-10-7 .sui-wrap .sui-label-editor + .wp-editor-wrap {
   margin-top: -30px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
   float: none;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -26,7 +26,7 @@
   margin-bottom: 5px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
   height: 30px;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
@@ -41,24 +41,24 @@
   letter-spacing: -0.25px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
   margin: 0;
   border-radius: 4px 0 0 4px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
   border-radius: 0 4px 4px 0;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-editor-container {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-editor-container {
   border: 1px solid #DDDDDD;
   border-radius: 4px;
   background-color: #FAFAFA;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
   height: 30px;
   margin: 0 10px 0 0;
   padding: 7px 16px;
@@ -69,47 +69,47 @@
   letter-spacing: -0.25px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
   vertical-align: middle;
   margin-top: -1px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
   color: inherit;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
   margin: 0;
 }
 
 @media (max-width: 465px) {
-  .sui-2-10-6 .sui-wrap .wp-editor-wrap .wp-media-buttons {
+  .sui-2-10-7 .sui-wrap .wp-editor-wrap .wp-media-buttons {
     float: none;
     margin-bottom: 5px;
   }
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-top-part:before {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-top-part:before {
   content: unset;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
   border-radius: 2px 2px 0 0;
   background-color: #FFFFFF;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
   border-bottom: 1px solid #E6E6E6;
   background-color: transparent;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-statusbar {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-statusbar {
   border-top-width: 0;
   border-top-style: none;
   border-top-color: transparent;
@@ -118,38 +118,38 @@
   background-color: #FAFAFA;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
   padding: 5px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
   color: #666666;
   font-size: 16px;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
   background-color: #E1F6FF;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
   color: #17A8E3;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
   padding: 3px 8px;
   border-bottom: 1px solid #E6E6E6;
   background-color: #FFFFFF;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
@@ -161,19 +161,19 @@
   transition: 0.3s ease;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-10-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-10-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
   background-color: #E1F6FF;
   color: #17A8E3;
 }
 
 @media screen and (min-width: 782px) {
-  .sui-2-10-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+  .sui-2-10-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
     height: 30px;
     line-height: 30px;
   }
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap textarea {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap textarea {
   width: 100%;
   height: auto !important;
   min-height: 210px;
@@ -185,14 +185,14 @@
   background-color: #FAFAFA;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap textarea, .sui-2-10-6 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-10-6 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-10-6 .sui-wrap .wp-editor-wrap textarea:active {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap textarea, .sui-2-10-7 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-10-7 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-10-7 .sui-wrap .wp-editor-wrap textarea:active {
   -webkit-box-shadow: none;
           box-shadow: none;
   outline: none;
 }
 
-.sui-2-10-6 .sui-wrap .wp-editor-wrap.html-active .switch-html,
-.sui-2-10-6 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
+.sui-2-10-7 .sui-wrap .wp-editor-wrap.html-active .switch-html,
+.sui-2-10-7 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
   background-color: #E1F6FF;
   color: #17A8E3;
 }