adjustment

lib/ui/css/dropdown.scss

@@ -10,7 +10,7 @@ $searchInputHeight: 26px;
 $searchIconSize: 13px;
 $listMaxHeight: 210px;
 
-.drop-wrapper {
+.ui-drop-wrapper {
     display: inline-block;
     border: none;
     border-radius: unset;
@@ -19,14 +19,14 @@ $listMaxHeight: 210px;
     font-size: var(--font-size);
     font-family: var(--font-family);
 
-    >.drop-header {
+    >.ui-drop-header {
         background-color: var(--bg-color);
         display: flex;
         height: $headerHeight;
 
         @include outborder();
 
-        >.drop-text {
+        >.ui-drop-text {
             flex: 1 1 auto;
             cursor: pointer;
             font-size: var(--font-size);
@@ -40,7 +40,7 @@ $listMaxHeight: 210px;
             @include outline();
         }
 
-        >input.drop-text {
+        >input.ui-drop-text {
             cursor: initial;
 
             &::placeholder {
@@ -49,7 +49,7 @@ $listMaxHeight: 210px;
             }
         }
 
-        >.drop-caret {
+        >.ui-drop-caret {
             flex: 0 0 auto;
             width: $caretWidth;
             display: flex;
@@ -78,14 +78,14 @@ $listMaxHeight: 210px;
                 // box-shadow: none;
             }
 
-            >.drop-text,
-            >.drop-caret {
+            >.ui-drop-text,
+            >.ui-drop-caret {
                 cursor: default;
             }
         }
     }
 
-    >.drop-box {
+    >.ui-drop-box {
         position: absolute;
         visibility: hidden;
         opacity: 0;
@@ -114,7 +114,7 @@ $listMaxHeight: 210px;
             transform: scaleY(1);
         }
 
-        >.drop-search {
+        >.ui-drop-search {
             box-sizing: border-box;
             height: $searchBarHeight;
             line-height: $searchBarHeight;
@@ -150,7 +150,7 @@ $listMaxHeight: 210px;
             }
         }
 
-        >.drop-list {
+        >.ui-drop-list {
             margin: 0;
             padding: 0;
             list-style: none;
@@ -179,7 +179,7 @@ $listMaxHeight: 210px;
                     background-color: var(--hover-bg-color);
                 }
 
-                >.checkbox-wrapper {
+                >.ui-check-wrapper {
                     height: $dropItemHeight;
                     display: flex;
                 }