@dataloop-ai/components 0.17.87 → 0.17.89

package/package.json

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

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

@@ -645,7 +645,7 @@ export default defineComponent({
             }
             return !!this.$slots.prepend && !this.isSmall
         },
-        chevronIconColor() {
+        chevronIconColor(): string {
             return `${this.disabled ? 'dl-color-disabled' : null}`
         }
     },

package/src/components/essential/DlTooltip/DlTooltip.vue

@@ -131,6 +131,11 @@ export default defineComponent({
             default: 'left',
             validator: (v: string) =>
                 ['left', 'right', 'justify', 'center'].includes(v)
+        },
+        border: {
+            type: String,
+            required: false,
+            default: null
         }
     },
     setup(props, { emit, attrs }) {
@@ -409,7 +414,8 @@ export default defineComponent({
                     '--dl-tooltip-text-align': props.textAlignment,
                     '--dl-tooltip-text-transform': props.capitalized
                         ? 'capitalize'
-                        : 'none'
+                        : 'none',
+                    '--dl-tooltip-border': props.border
                 }
             ] as any
         }
@@ -431,6 +437,7 @@ export default defineComponent({
     color: var(--dl-tooltip-color);
     background: var(--dl-tooltip-background);
     border-radius: 2px;
+    border: var(--dl-tooltip-border) solid var(--dl-color-separator);
     text-transform: none;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;