@dataloop-ai/components 0.19.36 → 0.19.38

package/package.json

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

package/src/components/basic/DlKpi/DlKpi.vue

@@ -8,7 +8,7 @@
                 :color="hasValue ? 'dl-color-secondary' : 'dl-color-medium'"
                 variant="h1"
                 :size="counterFontSizeComputed"
-                :style="counter.unit && { 'text-transform': 'none' }"
+                :style="typographyStyles"
             >
                 {{ formatCounter(counter) }}
             </dl-typography>
@@ -171,6 +171,14 @@ export default defineComponent({
             props.small ? '14px' : props.titleFontSize
         )
 
+        const typographyStyles = computed<Record<string, string>>(() => {
+            const styles: Record<string, string> = {}
+            if (typeof props.counter !== 'number' && props.counter.unit) {
+                styles['text-transform'] = 'none'
+            }
+            return styles
+        })
+
         const formatCounter = (counter: DlKpiCounterType | number) => {
             if (counter === null) {
                 return emptyString
@@ -248,7 +256,8 @@ export default defineComponent({
             hasValue,
             cssVars,
             titleFontSizeComputed,
-            counterFontSizeComputed
+            counterFontSizeComputed,
+            typographyStyles
         }
     }
 })

package/src/components/compound/DlSearches/DlSmartSearch/DlSmartSearch.vue

@@ -22,6 +22,7 @@
                 @blur="isFocused = false"
                 @search="emitSearchQuery"
                 @error="$emit('error', $event)"
+                @clear="$emit('clear')"
             />
         </div>
         <div class="dl-smart-search__buttons">
@@ -144,7 +145,8 @@ export default defineComponent({
         'remove-filter',
         'update:model-value',
         'search',
-        'error'
+        'error',
+        'clear'
     ],
     setup(props, { emit }) {
         //#region props

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -197,7 +197,15 @@ export default defineComponent({
             default: false
         }
     },
-    emits: ['update:model-value', 'focus', 'blur', 'input', 'search', 'error'],
+    emits: [
+        'update:model-value',
+        'focus',
+        'blur',
+        'input',
+        'search',
+        'error',
+        'clear'
+    ],
     setup(props, { emit }) {
         //#region refs
         const input = ref<HTMLInputElement>(null)
@@ -462,6 +470,7 @@ export default defineComponent({
             searchQuery.value = ''
             input.value.innerHTML = ''
             emit('update:model-value', {})
+            emit('clear')
             if (!focused.value) {
                 focus()
             }

package/src/components/compound/DlTabs/DlTabs.vue

@@ -17,7 +17,7 @@
             <div
                 ref="dlTabsRef"
                 class="dl-tabs-container"
-                :class="{ 'full-width': fullWidth }"
+                :class="{ 'full-width': fullWidth || fluid }"
                 role="tablist"
             >
                 <dl-tab