Zukit updated

picasso · Jan 8, 2021 · d2710ea · d2710ea
2 parents e936250 + 0444d69
commit d2710ea
Show file tree

Hide file tree

Showing 11 changed files with 34 additions and 11 deletions.
diff --git a/zukit/CHANGES.md b/zukit/CHANGES.md
@@ -1,5 +1,9 @@
-#### 1.1.0 / 2021-01-06
+#### 1.1.2 / 2021-01-08
+* fixed bug with `lookbehind` regex (Safari does not support it)
+* fixed bug with `shape` type in `LoaderControl` component
+* improved CSS to be compatible with WP 5.6
 
+#### 1.1.0 / 2021-01-06
 * added `withDebounce` and `withoutValues` params for `AdvTextControl` component
 * renaming `ListInput` and `SelectItem` components
 * implemented `ModalMessage` component

diff --git a/zukit/dist/zukit-blocks.css b/zukit/dist/zukit-blocks.css
diff --git a/zukit/dist/zukit-blocks.min.js b/zukit/dist/zukit-blocks.min.js
diff --git a/zukit/dist/zukit.css b/zukit/dist/zukit.css
diff --git a/zukit/dist/zukit.min.js b/zukit/dist/zukit.min.js
diff --git a/zukit/package.json b/zukit/package.json
@@ -1,6 +1,6 @@
 {
     "name": "zukit",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "repository": {
         "type": "git",
         "url": "https://github.com/picasso/zukit.git"

diff --git a/zukit/src/sass/_zukit-basic.scss b/zukit/src/sass/_zukit-basic.scss
@@ -51,6 +51,8 @@ $custom-button-hover-text-color: white;
 $settings-max-width: 1020px; //none;
 $settings-left-width: 200px;
 $settings-left-min-width: $settings-left-width + 60px;
+$settings-sidebar-icon-size: 30px;
+
 $basic-font-size: 14px;
 $plugin-title-size: 40px;
 $plugin-icon-width: 100px;

diff --git a/zukit/src/sass/components/_adv-text-control.scss b/zukit/src/sass/components/_adv-text-control.scss
@@ -39,6 +39,11 @@ $advtext-help-margin: -16px; // margin 8px * 2
 		border: 1px solid $custom-button-border-color;
 		border-radius: 0 3px 3px 0;
 		box-shadow: none;
+
+		span.dashicons {
+			padding-left: 2px;
+		}
+
 		&.__with-label {
 			margin-bottom: 8px;
 		}

diff --git a/zukit/src/sass/components/_list-input-control.scss b/zukit/src/sass/components/_list-input-control.scss
@@ -39,7 +39,7 @@ $list-input-close-size: $_button-svg-default-size + $list-input-padding;
 			overflow: hidden;
 			margin: 0 $list-input-padding $list-input-padding 0;
 
-			span {
+			span:not(.dashicons) {
 				color: $list-input-item-text-color;
 				padding: 0 0 0 $list-input-padding;
 			}

diff --git a/zukit/src/sass/zukit.scss b/zukit/src/sass/zukit.scss
@@ -72,7 +72,7 @@ $divider-component-class: zukit-divider;
 
 			.components-base-control,
 				.components-button:not(.zukit-select-item__button):not(.__plugin_actions):not(.__exclude) {
-				font-size: $basic-font-size;
+				font-size: $basic-font-size !important;
 				color: $admin-grey-blue-color;
 			}
 
@@ -139,6 +139,8 @@ $divider-component-class: zukit-divider;
 			.components-base-control__help {
 				margin: 0 0 1em 1em;
 				color: $toggle-help-color;
+				font-size: 13px;
+				font-style: italic;
 			}
 
 			.components-toggle-control {
@@ -180,6 +182,13 @@ $divider-component-class: zukit-divider;
 				margin-bottom: 1.5em;
 			}
 
+			.block-editor-block-card .block-editor-block-icon svg {
+				width: $settings-sidebar-icon-size;
+				height: $settings-sidebar-icon-size;
+				max-width: $settings-sidebar-icon-size;
+				max-height: $settings-sidebar-icon-size;
+			}
+
 			.components-panel__body.is-opened {
 				.components-panel__body-title + div {
 					margin-top: 12px;
@@ -243,6 +252,9 @@ $divider-component-class: zukit-divider;
 					margin: 0 8px;
 					background-color: rgba(white, 0.5);
 				}
+				span.dashicons {
+					margin-right: 8px;
+				}
 
 				@each $color-name, $color-value in $admin-colors {
 					&.#{$color-name} {

diff --git a/zukit/src/scripts/components/loader-control.js b/zukit/src/scripts/components/loader-control.js
@@ -72,9 +72,9 @@ const LoaderControl = ({
 				withoutControl
 				columns={ 3 }
 				options={ loaderOptions }
-				selectedItem={ shape }
+				selectedItem={ String(shape) }
 				onClick={ onChange }
-				transformValue={ value => value === 'none' ? noLoader : <Loader loaderHTML={ loaders[value] }/> }
+				transformValue={ value => value === 'none' ? noLoader : <Loader loaderHTML={ loaders[parseInt(value, 10)] }/> }
 			/>
 			<ToggleControl
 				label={ __('Reveal Loader', 'zukit') }