📦 Shared UI v2.12.8

CHANGELOG.md

@@ -2,13 +2,29 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org/) for commit guidelines.
 
+## [2.12.8](https://github.com/wpmudev/shared-ui/compare/v2.12.7...v2.12.8) (Unreleased)
+
+#### 🚀 Improvements
+* **fix(accordions):** Focus on content when accordion opens. [#489](https://github.com/wpmudev/shared-ui/pull/489) ([SUI-330](https://incsub.atlassian.net/browse/SUI-330)) ([@creador-dev](https://github.com/creador-dev))
+
+#### 🐛 Bug Fixes
+* **fix(input):** Hide option doesn't show when clicking on the icon in the password input. [#417](https://github.com/wpmudev/shared-ui/pull/417) ([SUI-154](https://incsub.atlassian.net/browse/SUI-154)) ([@creador-dev](https://github.com/creador-dev))
+* **fix(builder):** Select dropdown list appears behind checkbox items. [#487](https://github.com/wpmudev/shared-ui/pull/487) ([SUI-328](https://incsub.atlassian.net/browse/SUI-328)) ([@creador-dev](https://github.com/creador-dev))
+* **fix(upgrade-page):** Styling issues between the upgrade page and the recommended plugins notice. [#490](https://github.com/wpmudev/shared-ui/pull/490) ([SUI-149](https://incsub.atlassian.net/browse/SUI-149)) ([@iamleigh](https://github.com/iamleigh))
+
+#### Committers: 2
+- Leighton Sapir ([@iamleigh](https://github.com/iamleigh))
+- Pawan Kumar ([@creador-dev](https://github.com/creador-dev))
+
 ## [2.12.7](https://github.com/wpmudev/shared-ui/compare/v2.12.6...v2.12.7) (2022-03-31)
 
 #### 🚀 Improvements
 * **fix(selectors):** Improve the element for better accessibility. [#427](https://github.com/wpmudev/shared-ui/pull/427) ([SUI-6](https://incsub.atlassian.net/browse/SUI-6)) ([@creador-dev](https://github.com/creador-dev))
 * **fix(builder):** Screen reader does not navigate correctly through the component. [#432](https://github.com/wpmudev/shared-ui/pull/432) ([SUI-5](https://incsub.atlassian.net/browse/SUI-5)) ([@creador-dev](https://github.com/creador-dev))
 
 #### 🐛 Bug Fixes
+* **fix(code-editor):** ACE conflict with WPBakery Page Builder. [#414](https://github.com/wpmudev/shared-ui/pull/414) ([SUI-190](https://incsub.atlassian.net/browse/SUI-190)) ([@creador-dev](https://github.com/creador-dev))
+* **fix(code-snippet):** "Copy" button triggers the form submission. [#453](https://github.com/wpmudev/shared-ui/pull/453) ([SUI-133](https://incsub.atlassian.net/browse/SUI-133)) ([@creador-dev](https://github.com/creador-dev))
 * **fix(select):** The dropdown list is not changing colours when High Contrast Mode is enabled. [#474](https://github.com/wpmudev/shared-ui/pull/474) ([SUI-100](https://incsub.atlassian.net/browse/SUI-100)) ([@creador-dev](https://github.com/creador-dev))
 * **fix(settings-row):** Improve component in RTL mode. [#475](https://github.com/wpmudev/shared-ui/pull/475) ([SUI-275](https://incsub.atlassian.net/browse/SUI-275)) ([@creador-dev](https://github.com/creador-dev))
 

dist/css/_helpers/helpers.css

@@ -1,5 +1,5 @@
 /*!
  * WPMU DEV Shared UI
- * Copyright 2018 - 2021 Incsub (https://incsub.com)
+ * Copyright 2018 - 2022 Incsub (https://incsub.com)
  * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */

dist/css/_helpers/helpers.min.css

@@ -1,5 +1,5 @@
 /*!
  * WPMU DEV Shared UI
- * Copyright 2018 - 2021 Incsub (https://incsub.com)
+ * Copyright 2018 - 2022 Incsub (https://incsub.com)
  * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */

dist/css/_mixins/mixins.css

@@ -1,5 +1,5 @@
 /*!
  * WPMU DEV Shared UI
- * Copyright 2018 - 2021 Incsub (https://incsub.com)
+ * Copyright 2018 - 2022 Incsub (https://incsub.com)
  * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */

dist/css/_mixins/mixins.min.css

@@ -1,5 +1,5 @@
 /*!
  * WPMU DEV Shared UI
- * Copyright 2018 - 2021 Incsub (https://incsub.com)
+ * Copyright 2018 - 2022 Incsub (https://incsub.com)
  * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */

dist/css/sui-wp-editor.css

@@ -3,14 +3,14 @@
  * Copyright 2018 - 2021 Incsub (https://incsub.com)
  * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
  */
-.sui-2-12-7 .sui-wrap .sui-label-editor {
+.sui-2-12-8 .sui-wrap .sui-label-editor {
   margin-bottom: 0;
   line-height: 30px;
 }
-.sui-2-12-7 .sui-wrap .sui-label-editor + .wp-editor-wrap {
+.sui-2-12-8 .sui-wrap .sui-label-editor + .wp-editor-wrap {
   margin-top: -30px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
   float: none;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -23,7 +23,7 @@
           justify-content: flex-end;
   margin-bottom: 5px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
   height: 30px;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
@@ -37,21 +37,21 @@
   font: 500 13px/22px "Roboto", Arial, sans-serif;
   letter-spacing: -0.25px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
   margin: 0;
   border-radius: 4px 0 0 4px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
   border-radius: 0 4px 4px 0;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-editor-container {
+.sui-2-12-8 .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-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
   height: 30px;
   margin: 0 10px 0 0;
   padding: 7px 16px;
@@ -61,72 +61,72 @@
   font: 500 12px/16px "Roboto", Arial, sans-serif;
   letter-spacing: -0.25px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
   vertical-align: middle;
   margin-top: -1px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
   color: inherit;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
   outline: none;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
   margin: 0;
 }
 @media (max-width: 465px) {
-  .sui-2-12-7 .sui-wrap .wp-editor-wrap .wp-media-buttons {
+  .sui-2-12-8 .sui-wrap .wp-editor-wrap .wp-media-buttons {
     float: none;
     margin-bottom: 5px;
   }
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-top-part:before {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-top-part:before {
   content: unset;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
   border-radius: 2px 2px 0 0;
   background-color: #FFFFFF;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
   border-bottom: 1px solid #E6E6E6;
   background-color: transparent;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-statusbar {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-statusbar {
   border-top-width: 0;
   border-top-style: none;
   border-top-color: transparent;
   border-radius: 0 0 2px 2px;
   background: transparent;
   background-color: #FAFAFA;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
   padding: 5px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
   color: #666666;
   font-size: 16px;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
+.sui-2-12-8 .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-12-7 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
   color: #17A8E3;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
   padding: 3px 8px;
   border-bottom: 1px solid #E6E6E6;
   background-color: #FFFFFF;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
   border: 0;
   border-radius: 4px;
   background-color: transparent;
@@ -137,17 +137,17 @@
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-12-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-12-8 .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-12-7 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
+  .sui-2-12-8 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
     height: 30px;
     line-height: 30px;
   }
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap textarea {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap textarea {
   width: 100%;
   height: auto !important;
   min-height: 210px;
@@ -158,12 +158,12 @@
   border: 0;
   background-color: #FAFAFA;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap textarea, .sui-2-12-7 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-12-7 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-12-7 .sui-wrap .wp-editor-wrap textarea:active {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap textarea, .sui-2-12-8 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-12-8 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-12-8 .sui-wrap .wp-editor-wrap textarea:active {
   -webkit-box-shadow: none;
           box-shadow: none;
   outline: none;
 }
-.sui-2-12-7 .sui-wrap .wp-editor-wrap.html-active .switch-html, .sui-2-12-7 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
+.sui-2-12-8 .sui-wrap .wp-editor-wrap.html-active .switch-html, .sui-2-12-8 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
   background-color: #E1F6FF;
   color: #17A8E3;
 }