uiw 4.11.0 → 4.11.4

package/README.md

@@ -100,7 +100,8 @@ Package | Version | Description
 [`@uiw/react-descriptions`](/packages/react-descriptions)| [![npm version](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-descriptions)           | -
 [`@uiw/react-divider`](/packages/react-divider)| [![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-divider)                     | -
 [`@uiw/react-drawer`](/packages/react-drawer)| [![npm version](https://img.shields.io/npm/v/@uiw/react-drawer.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-drawer)                       | -
-[`@uiw/react-dropdown`](/packages/react-dropdown)| [![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown)                   | -
+[`@uiw/react-dropdown`](/packages/react-dropdown)| [![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown) 
+[`@uiw/react-empty`](/packages/react-empty)| [![npm version](https://img.shields.io/npm/v/@uiw/react-empty.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-empty)                   | -
 [`@uiw/react-file-input`](/packages/react-file-input)| [![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-file-input)               | -
 [`@uiw/react-form`](/packages/react-form)| [![npm version](https://img.shields.io/npm/v/@uiw/react-form.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-form)                           | -
 [`@uiw/react-grid`](/packages/react-grid)| [![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-grid)                           | -

package/dist/uiw.css

@@ -1251,7 +1251,8 @@ sup.w-badge-count {
 .w-timepicker-spinner > ul > li {
   cursor: pointer;
   text-align: center;
-  padding: 5px 0;
+  height: 28px;
+  line-height: 28px;
   transition: all 0.3s;
   color: #393e48;
 }
@@ -2246,23 +2247,15 @@ sup.w-badge-count {
 }
 
 .w-empty {
-  position: -webkit-sticky;
-  position: sticky;
-  left: 0;
-  overflow: hidden;
-  margin: -5px -8px;
-  padding: 32px 0;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-.w-empty-text {
-  color: rgba(0, 0, 0, 0.25);
-  margin-top: 10px;
+  color: #c7c7c7;
+  text-align: center;
 }
 .w-empty-description {
   margin-top: 10px;
 }
+.w-empty-footer {
+  margin-top: 16px;
+}
 
 .w-fileinput input::-webkit-file-upload-button {
   background: transparent;
@@ -3747,6 +3740,104 @@ a.w-list-item:hover:not(.w-disabled) {
   width: 50%;
 }
 
+.w-tag {
+  border-radius: 2px;
+  display: inline-block;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+           -ms-user-select: none;
+       user-select: none;
+  font-size: 12px;
+  padding: 1px 5px;
+  position: relative;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.w-tag + .w-tag {
+  margin-left: 5px;
+}
+.w-tag.disabled {
+  opacity: 0.75;
+  cursor: not-allowed;
+}
+.w-tag-light .w-tag-close:hover {
+  background-color: currentcolor;
+}
+.w-tag-light .w-tag-close:hover path {
+  fill: #fff;
+}
+.w-tag-light .w-tag-close:active {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+.w-tag-close {
+  vertical-align: bottom;
+  margin: 0px -3px 0 2px;
+  border-radius: 2px;
+  position: relative;
+  top: -1px;
+  fill: currentcolor;
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.w-tag-close:hover {
+  background-color: rgba(0, 0, 0, 0.22);
+}
+.w-tag-close:active {
+  background-color: rgba(0, 0, 0, 0.32);
+}
+
+.w-search-select-input-contents input {
+  box-shadow: none;
+  padding: 0px;
+  height: 20px;
+}
+.w-search-select-input-contents .w-input-inner:hover {
+  box-shadow: none !important;
+}
+.w-search-select-input-contents .w-input-inner:focus {
+  box-shadow: none !important;
+}
+.w-search-select-inner {
+  display: flex;
+  justify-content: space-between;
+  outline: none;
+  border: none;
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+  box-sizing: border-box;
+  background: #fff;
+  min-height: 30px;
+  margin: 0 !important;
+  padding: 3px 10px 3px 10px;
+  vertical-align: middle;
+  line-height: 30px;
+  color: #393e48;
+  font-weight: 400;
+  font-size: inherit;
+  transition: box-shadow 0.3s cubic-bezier(0.4, 1, 0.75, 0.9);
+  -webkit-appearance: none;
+          -moz-appearance: none;
+       appearance: none;
+}
+.w-search-select-inner:focus {
+  box-shadow: 0 0 0 1px #393e48, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.w-search-select-inner:hover {
+  box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.w-search-select-inner:focus.w-search-select-inner:hover {
+  box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
+}
+.w-search-select-inner:disabled {
+  box-shadow: none;
+  background: #dddddd;
+  opacity: 0.75;
+  color: #a5a5a5;
+  cursor: not-allowed;
+  resize: none;
+}
+
 .w-split {
   height: 100%;
   display: flex;
@@ -4556,52 +4647,6 @@ a.w-list-item:hover:not(.w-disabled) {
   z-index: 1;
 }
 
-.w-tag {
-  border-radius: 2px;
-  display: inline-block;
-  -webkit-user-select: none;
-          -moz-user-select: none;
-           -ms-user-select: none;
-       user-select: none;
-  font-size: 12px;
-  padding: 1px 5px;
-  position: relative;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.w-tag + .w-tag {
-  margin-left: 5px;
-}
-.w-tag.disabled {
-  opacity: 0.75;
-  cursor: not-allowed;
-}
-.w-tag-light .w-tag-close:hover {
-  background-color: currentcolor;
-}
-.w-tag-light .w-tag-close:hover path {
-  fill: #fff;
-}
-.w-tag-light .w-tag-close:active {
-  background-color: rgba(0, 0, 0, 0.15);
-}
-.w-tag-close {
-  vertical-align: bottom;
-  margin: 0px -3px 0 2px;
-  border-radius: 2px;
-  position: relative;
-  top: -1px;
-  fill: currentcolor;
-  transition: all 0.3s;
-  cursor: pointer;
-}
-.w-tag-close:hover {
-  background-color: rgba(0, 0, 0, 0.22);
-}
-.w-tag-close:active {
-  background-color: rgba(0, 0, 0, 0.32);
-}
-
 .w-textarea {
   position: relative;
   font-size: 14px;