@policystudio/policy-studio-ui-vue 1.1.90-ui-update.0 → 1.1.90-ui-update.2

package/dist/css/psui_styles_output.css

@@ -1627,8 +1627,7 @@ video {
   color: rgb(255, 255, 255, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-solid.hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: #0c6885;
 }
 .psui-el-button.layout-solid.hover {
   --tw-text-opacity: 1;
@@ -1726,8 +1725,7 @@ video {
   color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-onlytext.hover {
-  --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: #0c6885;
 }
 .psui-el-button.layout-caution {
   --tw-bg-opacity: 1;

package/package.json

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

package/src/assets/scss/components/PsButton.scss

@@ -1,7 +1,5 @@
 @layer components {
-
   .psui-el-button {
-
     @apply psui-font-bold psui-items-center psui-flex psui-content-center psui-rounded-md psui-transition-all psui-ease-in-out;
     transition-duration: 130ms;
 
@@ -19,26 +17,26 @@
     &.icon-right {
       @apply psui-flex-row-reverse;
     }
-    
+
     &.size-big {
       @apply psui-flex psui-items-center psui-content-center;
       padding: 9.5px 16px;
-      
-        &.icon-left {
-          padding: 8px 16px;
-          i {
-           font-size: 24px;
-           margin-right: 8px;
-          }
+
+      &.icon-left {
+        padding: 8px 16px;
+        i {
+          font-size: 24px;
+          margin-right: 8px;
         }
+      }
 
-        &.icon-right { 
-          padding: 8px 16px;     
-          i {
-              font-size: 24px;
-              margin-left: 8px;
-          }
+      &.icon-right {
+        padding: 8px 16px;
+        i {
+          font-size: 24px;
+          margin-left: 8px;
         }
+      }
     }
 
     &.size-medium {
@@ -63,9 +61,9 @@
 
       &.layout-onlytext {
         &:active:not(.disabled) {
-          @apply psui-bg-blue-20 psui-text-blue-60;    
-          box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
-        }    
+          @apply psui-bg-blue-20 psui-text-blue-60;
+          box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
+        }
       }
 
       &.hover.layout-onlytext {
@@ -88,20 +86,21 @@
     }
 
     &.layout-solid {
-      @apply psui-bg-blue-60 psui-text-white; 
+      @apply psui-bg-blue-60 psui-text-white;
 
       &.hover {
-        @apply psui-bg-blue-50 psui-text-white;
+        background-color: #0c6885;
+        @apply psui-text-white;
       }
 
       &:active:not(.disabled) {
         @apply psui-bg-blue-50 psui-text-white;
-        box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
+        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
       }
 
       &.disabled {
-        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default
-      }                
+        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default;
+      }
     }
 
     &.layout-outline {
@@ -110,53 +109,53 @@
 
       &.hover,
       &:active {
-        @apply psui-border psui-border-blue-60
+        @apply psui-border psui-border-blue-60;
       }
 
       &.disabled {
         @apply psui-text-gray-40 psui-border-gray-30 psui-cursor-default;
-      } 
+      }
     }
 
     &.layout-ghost {
       @apply psui-bg-blue-20 psui-text-blue-60;
 
       &.hover {
-        @apply psui-bg-blue-10
-      } 
+        @apply psui-bg-blue-10;
+      }
 
       &:active:not(.disabled) {
-        box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05)
+        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
       }
 
       &.disabled {
-        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default
+        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default;
       }
     }
 
     &.layout-onlytext {
-      @apply  psui-text-blue-60;
+      @apply psui-text-blue-60;
 
       &.disabled {
-        @apply psui-text-gray-40 psui-cursor-default
+        @apply psui-text-gray-40 psui-cursor-default;
       }
-      
+
       &.hover {
-        @apply psui-text-blue-50
+        color: #0c6885;
       }
     }
 
     &.layout-caution {
       @apply psui-bg-red-10 psui-text-red-20;
 
-      &.hover, 
+      &.hover,
       &:active:not(.disabled) {
         @apply psui-bg-red-10 psui-text-red-70;
       }
 
       &.disabled {
-        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default
+        @apply psui-text-gray-40 psui-bg-gray-20 psui-cursor-default;
       }
     }
   }
-}
+}

package/src/components/accordion/PsAccordionItem.vue

@@ -14,12 +14,12 @@
           class="psui-el-accordion-item-header-wrapper"
           v-if="!hasCustomHeader"
         >
-          <h2
+          <h5
             v-if="title"
             class="psui-el-accordion-item-title"
           >
             {{ title }}
-          </h2>
+          </h5>
           <slot name="header-additionals" />
           <i
             v-if="!disabled"

package/src/components/tabs/PsTabHeader.vue

@@ -24,7 +24,7 @@
                 display="flex"
                 size="16"
               />
-              <span>{{ item[keyLabel] }}</span>
+              <h2>{{ item[keyLabel] }}</h2>
             </button>
           </template>
         </PsRichTooltip>
@@ -41,7 +41,7 @@
             display="flex"
             size="16"
           />
-          <span>{{ item[keyLabel] }}</span>
+          <h2>{{ item[keyLabel] }}</h2>
         </button>
       </slot>
     </template>