@policystudio/policy-studio-ui-vue 1.1.30 → 1.1.31

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.css +2 -1
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsAccordion.scss +1 -1
  4. package/src/assets/scss/components/PsDropdown.scss +23 -24
package/dist/css/psui_styles.css CHANGED
@@ -1118,10 +1118,11 @@ video {
1118
1118
 
1119
1119
  .psui-el-accordion-item-header-wrapper {
1120
1120
  display: flex;
1121
+ align-items: flex-start;
1122
+ justify-content: space-between;
1121
1123
  width: 100%;
1122
1124
  cursor: pointer;
1123
1125
  transition-property: all;
1124
- justify-content: space-between;
1125
1126
  transition: cubic-bezier(.17,.67,.83,.67) 250ms;
1126
1127
  --text-opacity: 1;
1127
1128
  color: #28323B;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.30",
3
+ "version": "1.1.31",
4
4
  "description": "Policy Studio UI",
5
5
  "main": "src/index.js",
6
6
  "author": "Policy Studio Team",
package/src/assets/scss/components/PsAccordion.scss CHANGED
@@ -20,7 +20,7 @@
20
20
  padding-bottom: 16px;
21
21
 
22
22
  &-wrapper {
23
- @apply psui-flex psui-w-full psui-cursor-pointer psui-transition-all psui-justify-between transition-default psui-text-gray-80;
23
+ @apply psui-flex psui-items-start psui-justify-between psui-w-full psui-cursor-pointer psui-transition-all transition-default psui-text-gray-80;
24
24
 
25
25
  &:hover {
26
26
  .psui-el-accordion-item-icon {
package/src/assets/scss/components/PsDropdown.scss CHANGED
@@ -1,29 +1,28 @@
1
1
  @layer components {
2
- .psui-el-dropdown-menu {
3
- @apply psui-relative psui-inline-block psui-text-left;
4
-
5
- button {
6
- @apply psui-inline-flex psui-justify-center psui-items-center psui-w-full psui-font-medium psui-leading-none;
7
- background-color: transparent;
8
- padding-top: 2.5px;
9
- padding-bottom: 2.5px;
10
- min-height: 27px;
11
- font-size: 0.875rem;
12
-
2
+ .psui-el-dropdown-menu {
3
+ @apply psui-relative psui-inline-block psui-text-left;
4
+
5
+ button {
6
+ @apply psui-inline-flex psui-justify-center psui-items-center psui-w-full psui-font-medium psui-leading-none;
7
+ background-color: transparent;
8
+ padding-top: 2.5px;
9
+ padding-bottom: 2.5px;
10
+ min-height: 27px;
11
+ font-size: 0.875rem;
12
+
13
13
 
14
- &:focus {
15
- outline: none;
16
- box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
17
- }
18
- }
19
-
20
- &-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;
22
-
23
- &-dialog {
24
- @apply psui-w-full;
14
+ &:focus {
15
+ outline: none;
16
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
17
+ }
18
+ }
25
19
 
26
- }
27
- }
20
+ &-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;
22
+
23
+ &-dialog {
24
+ @apply psui-w-full;
25
+ }
28
26
  }
27
+ }
29
28
  }