Squashed 'zukit/' changes from 20c23dd..6151900

6151900 bump version 1.5.2
40cf407 added outline on ':focus' for 'SelectItemControl' control
e650f5c improved CSS on various screen widths
b142f78 added 'dim' color modifier; refactoring 'logGroup' method
fa47c27 changed opaque color for '^' modifier
ab2d2cf delayed value creation - if the 'data' is a function, then we replace it with the value returned from the function
5a9fd93 bump version 1.5.1
e50135a made '$zukit_handle' public
c7a0b58 fixed WP Core style, which suddenly lost in WP 5.9
6f94b31 logo experiments

git-subtree-dir: zukit
git-subtree-split: 61519001fe0d4b2dda2fbb7d15bfe2d50777aa33

CHANGES.md

@@ -1,3 +1,18 @@
+#### 1.5.2 / 2022-02-09
+
+##### Debug
+* added `dim` color modifier; refactoring `logGroup` method
+* changed opaque color for `^` modifier
+* delayed value creation - if the `data` is a function, then we replace it with the value returned from the function
+
+##### Other
+* added outline on `:focus` for `SelectItemControl` control
+* improved CSS on various screen widths
+
+#### 1.5.1 / 2022-01-25
+* small fixes for compatibility with WP 5.9
+* static property `$zukit_handle` of `zukit_Blocks` class is public now
+
 #### 1.5.0 / 2022-01-25
 * color modifiers support for opaque colors in `Debug` module
 * some helpers for input/textarea manipulations (compatible with React) in `JQ` module

package.json

@@ -1,7 +1,7 @@
 {
     "name": "zukit",
-    "version": "1.5.0",
-    "testedWP": "5.8.3",
+    "version": "1.5.2",
+    "testedWP": "5.9.0",
     "requiresPHP": ">=7.2.0",
     "repository": {
         "type": "git",

src/sass/_zukit-basic.scss

@@ -70,6 +70,7 @@ $settings-sidebar-icon-size: 36px;
 
 $basic-font-family: 'Open Sans',-apple-system,Roboto,Ubuntu,sans-serif;
 $basic-font-size: 14px;
+$basic-line-height: 18px;
 $panel-title-font-size: 15px;
 $panel-title-font-weight: 600;
 $plugin-title-size: 40px;

src/sass/components/_adv-text-control.scss

@@ -1,6 +1,6 @@
 // Admin Text Control Component -----------------------------------------------]
 
-$advtext-width: 580px;
+$advtext-width: 600px;
 $advtext-button-height: 30px;
 $advtext-button-width: 36px; // svg 20px + margin 8px * 2
 $advtext-help-margin: -16px; // margin 8px * 2
@@ -58,7 +58,7 @@ $advtext-help-margin: -16px; // margin 8px * 2
 			margin-bottom: 8px;
 		}
 		&.__with-label-help {
-			margin-top: 27px;
+			margin-top: 26px;
 			margin-bottom: 0;
 		}
 

src/sass/components/_list-input-control.scss

@@ -83,7 +83,8 @@ $list-input-close-size: $_button-svg-default-size + $list-input-padding;
 			}
 			.__add, .__reset {
 				margin-top: 0;
-				top: - $list-input-margin;
+				align-self: flex-start;
+				top: 26px;
 			}
 		}
 		&.__with-label-help {

src/sass/components/_select-item-control.scss

@@ -151,21 +151,17 @@ $select-item-basic-border-color: rgb(25, 30, 35);
 		transition-timing-function: $transition-function;
 		box-shadow: none !important;
 
-		&:hover {
+		&:hover:not(:disabled) {
 			color: $select-item-hover-color !important;
 			background-color: $select-item-bg-hover-color !important;
 			border-color: $select-item-border-hover-color !important;
 		}
+		&:focus:not(:disabled) {
+			box-shadow: 0 0 0 1px $wp-admin-blue-color !important;
+		}
 		&.is-clickable {
 			pointer-events: all;
 		}
-
-        // @include in('^.is-disabled') {
-        //     border-color: $admin-disable-border-color;
-        //     background-color: $admin-disable-background-color;
-        //     color: $admin-disable-text-color;
-        // }
-
         svg {
             fill: currentColor;
         }

src/sass/zukit.scss

@@ -95,6 +95,23 @@ $divider-component-class: zukit-divider;
 		}
 	}
 
+	// when WP == 5.9 ---------------------------------------------------------]
+	// они забыли, что-ли? может сами исправят в следующей версии?
+	.wp_5_9 {
+		.components-visually-hidden {
+		  border: 0;
+		  clip: rect(1px, 1px, 1px, 1px);
+		  clip-path: inset(50%);
+		  height: 1px;
+		  margin: -1px;
+		  overflow: hidden;
+		  padding: 0;
+		  position: absolute;
+		  width: 1px;
+		  word-wrap: normal !important;
+		}
+	}
+
 	// fix styles of standard controls that I do not like ---------------------]
 
 	.components-checkbox-control {
@@ -224,17 +241,27 @@ $divider-component-class: zukit-divider;
 			.components-base-control,
 				.components-button:not(.zukit-select-item__button):not(.__plugin_actions):not(.__exclude):not(.components-panel__body-toggle) {
 				font-size: $basic-font-size !important;
+				line-height: $basic-line-height !important;
 				color: $admin-grey-blue-color;
 			}
 
 			.components-base-control .components-toggle-control__label {
 				min-width: $settings-left-width;
 			}
 
+			h2, h3, h4, h5, h6 {
+				&.__subtitle {
+					font-size: $basic-font-size;
+					font-weight: 600;
+					color: $admin-darker-brown;
+				}
+			}
 			.__subtitle {
-				font-size: $basic-font-size;
-				font-weight: 600;
-				color: $admin-darker-brown;
+				.components-panel__body-toggle {
+					font-size: $basic-font-size;
+					font-weight: 600;
+					color: $admin-darker-brown;
+				}
 			}
 
 			.editor-post-title {