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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/css/psui_styles_output.css +1 -9
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsDropdown.scss +1 -6
  4. package/src/components/forms/PsDropdown.vue +1 -7
package/dist/css/psui_styles_output.css CHANGED
@@ -4013,10 +4013,6 @@ video {
4013
4013
  min-height: 27px;
4014
4014
  font-size: 0.875rem;
4015
4015
  }
4016
- .psui-el-dropdown-menu button:focus {
4017
- outline: none;
4018
- box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
4019
- }
4020
4016
  .psui-el-dropdown-menu-dialog-wrapper {
4021
4017
  position: fixed;
4022
4018
  }
@@ -4051,7 +4047,7 @@ video {
4051
4047
  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);
4052
4048
  }
4053
4049
  .psui-el-dropdown-menu-dialog-wrapper {
4054
- transition-property: all;
4050
+ transition-property: opacity;
4055
4051
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4056
4052
  transition-duration: 150ms;
4057
4053
  }
@@ -6560,10 +6556,6 @@ video {
6560
6556
  transition-duration: 150ms;
6561
6557
  }
6562
6558
 
6563
- .psui-duration-300 {
6564
- transition-duration: 300ms;
6565
- }
6566
-
6567
6559
  *:focus {
6568
6560
  outline: none;
6569
6561
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.74",
3
+ "version": "1.1.90-beta.75",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsDropdown.scss CHANGED
@@ -10,15 +10,10 @@
10
10
  min-height: 27px;
11
11
  font-size: 0.875rem;
12
12
 
13
-
14
- &:focus {
15
- outline: none;
16
- box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
17
- }
18
13
  }
19
14
 
20
15
  &-dialog-wrapper {
21
- @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;
16
+ @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;
22
17
 
23
18
  &-dialog {
24
19
  @apply psui-w-full;
package/src/components/forms/PsDropdown.vue CHANGED
@@ -34,7 +34,7 @@
34
34
  <div
35
35
  ref="PSDropdownDialog"
36
36
  role="menu"
37
- class="psui-el-dropdown-menu-dialog-wrapper psui-duration-300"
37
+ class="psui-el-dropdown-menu-dialog-wrapper"
38
38
  aria-orientation="vertical"
39
39
  :aria-labelledby="id.value"
40
40
  :style="{ minWidth: minWidthDropDown }"
@@ -209,10 +209,4 @@ const updatePosition = () => {
209
209
  }, 10)
210
210
  }
211
211
 
212
- const clickOutside = (event) => {
213
- if (!show.value) return
214
- if (!PSDropdown.value == event.target || !PSDropdown.value?.contains(event.target)) {
215
- close()
216
- }
217
- }
218
212
  </script>