@dataloop-ai/components 0.20.248 → 0.20.250

package/package.json

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

package/src/components/basic/DlChip/DlChip.vue

@@ -194,13 +194,18 @@ export default defineComponent({
     position: relative;
     display: flex;
     vertical-align: middle;
-    font-size: var(--dl-font-size-body);
-    line-height: 12px;
+    font-family: var(--dl-typography-body-body2-font-family);
+    font-size: var(--dl-typography-body-body2-font-size);
+    line-height: var(--dl-typography-body-body2-line-height);
+    font-weight: var(--dl-typography-body-body2-font-weight);
     border-radius: 2px !important;
     padding: var(--dl-chip-padding);
+    padding-top: 0;
+    padding-bottom: 0;
     outline: 0;
     min-width: 18px;
-    min-height: 12px;
+    height: 18px;
+    align-items: center;
     max-width: var(--dl-chip-max-width);
     color: var(--dl-chip-text-color);
     background-color: var(--dl-chip-bg-color);

package/src/components/compound/DlSelect/DlSelect.vue

@@ -52,7 +52,7 @@
         >
             <div ref="select" :class="selectClasses">
                 <div
-                    v-if="hasPrepend || searchable"
+                    v-if="hasLeftAdornment"
                     :class="[
                         ...adornmentClasses,
                         'adornment-container--pos-left'
@@ -444,6 +444,7 @@ export default defineComponent({
         withoutBorders: { type: Boolean, default: false },
         title: { type: String, default: '' },
         searchable: { type: Boolean, default: false },
+        showPrepend: { type: Boolean, default: true },
         customFilter: { type: Boolean, default: false },
         required: { type: Boolean, default: false },
         optional: { type: Boolean, default: false },
@@ -894,7 +895,7 @@ export default defineComponent({
             if (this.withoutBorders && this.hasPrepend) {
                 classes.push('dl_select__select--without-border__with-prepend')
             }
-            if (this.hasPrepend || this.searchable) {
+            if (this.hasLeftAdornment) {
                 classes.push('dl_select__select--prepend')
                 classes.push('dl_select__select--both-adornments')
             }
@@ -943,6 +944,9 @@ export default defineComponent({
         hasPrepend(): boolean {
             return !!this.$slots.prepend && !this.isSmall
         },
+        hasLeftAdornment(): boolean {
+            return this.showPrepend && (this.hasPrepend || this.searchable)
+        },
         chevronIconColor(): string {
             return `${this.disabled ? 'dell-gray-500' : null}`
         },