@dataloop-ai/components 0.16.34 → 0.16.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.16.34",
+  "version": "0.16.36",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlButton/DlButton.vue

@@ -340,6 +340,7 @@ export default defineComponent({
     padding: 0;
     flex: 10000 1 0%;
     flex-wrap: nowrap;
+    line-height: 1;
     z-index: 0;
     user-select: none !important;
     min-width: 1.5em;

package/src/components/compound/DlDropdownButton/DlDropdownButton.vue

@@ -466,3 +466,10 @@ export default defineComponent({
     flex-grow: 1;
 }
 </style>
+<style lang="scss">
+.dl-btn-dropdown {
+    .dl-btn-content {
+        line-height: unset;
+    }
+}
+</style>

package/src/components/compound/DlInput/DlInput.vue

@@ -157,41 +157,41 @@
                         </dl-list-item>
                     </dl-list>
                 </dl-menu>
+                <div
+                    v-if="bottomMessage"
+                    class="dl-text-input__bottom-message-container"
+                >
+                    <dl-info-error-message
+                        v-if="!!infoMessage.length && !error && !warning"
+                        position="below"
+                        :value="infoMessage"
+                    />
+                    <dl-info-error-message
+                        v-if="error && !!errorMessage && !!errorMessage.length"
+                        position="below"
+                        error
+                        :value="errorMessage"
+                    />
+                    <dl-info-error-message
+                        v-if="
+                            warning &&
+                                !!warningMessage &&
+                                !!warningMessage.length &&
+                                !error
+                        "
+                        position="below"
+                        warning
+                        :value="warningMessage"
+                    />
+                    <span
+                        v-if="showCounter && maxLength && maxLength > 0"
+                        class="dl-text-input__counter"
+                    >
+                        {{ characterCounter }}
+                    </span>
+                </div>
             </div>
         </div>
-        <div
-            v-if="bottomMessage"
-            class="dl-text-input__bottom-message-container"
-        >
-            <dl-info-error-message
-                v-if="!!infoMessage.length && !error && !warning"
-                position="below"
-                :value="infoMessage"
-            />
-            <dl-info-error-message
-                v-if="error && !!errorMessage && !!errorMessage.length"
-                position="below"
-                error
-                :value="errorMessage"
-            />
-            <dl-info-error-message
-                v-if="
-                    warning &&
-                        !!warningMessage &&
-                        !!warningMessage.length &&
-                        !error
-                "
-                position="below"
-                warning
-                :value="warningMessage"
-            />
-            <span
-                v-if="showCounter && maxLength && maxLength > 0"
-                class="dl-text-input__counter"
-            >
-                {{ characterCounter }}
-            </span>
-        </div>
     </div>
 </template>
 
@@ -612,12 +612,6 @@ export default defineComponent({
         padding: 0;
     }
 
-    &--s {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-    }
-
     &__title-container {
         margin-bottom: 6px;
         display: flex;

package/src/demo/DlInputDemo.vue

@@ -80,6 +80,15 @@
             error
             error-message="Error message is the strongest."
         />
+
+        <dl-input
+            style="width: 440px"
+            placeholder="Select option"
+            title="Min"
+            size="s"
+            error
+            error-message="Error message is the strongest."
+        />
     </div>
 </template>