@policystudio/policy-studio-ui-vue 1.1.90-beta.73 → 1.1.90-beta.75

package/dist/css/psui_styles_output.css

@@ -4013,10 +4013,6 @@ video {
   min-height: 27px;
   font-size: 0.875rem;
 }
-.psui-el-dropdown-menu button:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-}
 .psui-el-dropdown-menu-dialog-wrapper {
   position: fixed;
 }
@@ -4051,7 +4047,7 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
 }
 .psui-el-dropdown-menu-dialog-wrapper {
-  transition-property: all;
+  transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -6560,10 +6556,6 @@ video {
   transition-duration: 150ms;
 }
 
-.psui-duration-300 {
-  transition-duration: 300ms;
-}
-
 *:focus {
   outline: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.73",
+  "version": "1.1.90-beta.75",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/assets/scss/components/PsDropdown.scss

@@ -10,15 +10,10 @@
       min-height: 27px;
       font-size: 0.875rem;
       
-
-      &:focus {
-        outline: none;
-        box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-      }
     }
 
     &-dialog-wrapper {
-      @apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-transition-all psui-duration-100 psui-ease-in psui-overflow-auto;
+      @apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-overflow-auto psui-transition-opacity psui-duration-100 psui-ease-in;
       
       &-dialog {
         @apply psui-w-full;

package/src/components/forms/PsDropdown.vue

@@ -34,7 +34,7 @@
     <div
       ref="PSDropdownDialog"
       role="menu"
-      class="psui-el-dropdown-menu-dialog-wrapper psui-duration-300"
+      class="psui-el-dropdown-menu-dialog-wrapper"
       aria-orientation="vertical"
       :aria-labelledby="id.value"
       :style="{ minWidth: minWidthDropDown }"
@@ -209,10 +209,4 @@ const updatePosition = () => {
   }, 10)
 }
 
-const clickOutside = (event) => {
-  if (!show.value) return
-  if (!PSDropdown.value == event.target || !PSDropdown.value?.contains(event.target)) {
-    close()
-  }
-}
 </script>

package/src/components/notifications/PsDialog.vue

@@ -3,7 +3,10 @@
     class="psui-el-dialog"
     :class="getComponentClass"
   >
-    <div class="psui-el-dialog-icon">
+    <div
+      v-if="hasIcon"
+      class="psui-el-dialog-icon"
+    >
       <i class="material-icons-round">{{ icon }}</i>
     </div>
     <div class="psui-el-dialog-wrapper">
@@ -71,6 +74,13 @@ const props = defineProps({
     type: String,
     default: 'info',
   },
+  /**
+   * It sets whether the icon should be displayed or not.
+   */
+  hasIcon: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 const emit = defineEmits(['close'])