@dataloop-ai/components 0.20.16 → 0.20.17

package/package.json

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

package/src/components/basic/DlAlert/DlAlert.vue

@@ -125,6 +125,7 @@ export default defineComponent({
     emits: ['update:model-value'],
     setup(props, { emit }) {
         const { padding, modelValue, type } = toRefs(props)
+        const show = ref(modelValue.value)
         const icon = computed(() => typeToIconMap[type.value as DlAlertType])
         const iconColor = computed(
             () => typeToIconColorMap[type.value as DlAlertType]
@@ -143,7 +144,7 @@ export default defineComponent({
         })
 
         watch(modelValue, (val) => {
-            modelValue.value = val
+            show.value = val
         })
 
         watch(type, (val) => {
@@ -198,14 +199,14 @@ export default defineComponent({
         }
 
         function handleClose() {
-            modelValue.value = false
+            show.value = false
             emit('update:model-value', false)
         }
 
         return {
             uuid: `dl-alert-${v4()}`,
             rootRef,
-            show: modelValue,
+            show,
             icon,
             iconColor,
             rootStyle,

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

@@ -177,7 +177,7 @@
                     :style="
                         optionsCount > MAX_ITEMS_PER_LIST
                             ? ''
-                            : `width: 100%; max-height: calc(${calculatedDropdownMaxHeight} - 20px); overflow-y: scroll;`
+                            : `width: 100%; max-height: calc(${calculatedDropdownMaxHeight} - 20px); overflow-y: auto;`
                     "
                 >
                     <dl-select-option
@@ -1245,9 +1245,7 @@ export default defineComponent({
         justify-content: center !important;
         align-items: center;
         color: var(--dl-color-medium);
-        transition-property:
-            transform,
-            -webkit-transform;
+        transition-property: transform, -webkit-transform;
         transition-duration: 0.28s, 0.28s;
         transition-timing-function: ease, ease;
         transition-delay: 0s, 0s;