@policystudio/policy-studio-ui-vue 1.1.90-beta.60 → 1.1.90-beta.62

package/dist/css/psui_styles_output.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round");
 /*
-! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -969,13 +969,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(230 236 242/var(--tw-bg-opacity));
 }
-.psui-el-tab-header.layout-policy-design > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
-}
 .psui-el-tab-header.layout-policy-design button {
   padding: 8px 2px 7px 0px;
+  margin-right: 8px;
 }
 .psui-el-tab-header.layout-policy-design button {
   position: relative;
@@ -986,6 +982,9 @@ video {
 .psui-el-tab-header.layout-policy-design button {
   align-items: center;
 }
+.psui-el-tab-header.layout-policy-design button:not(:first-child) {
+  margin-left: 8px;
+}
 .psui-el-tab-header.layout-policy-design button:after {
   content: "";
 }
@@ -1706,10 +1705,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(162 172 183/var(--tw-text-opacity));
 }
-.psui-el-button.layout-onlytext {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255/var(--tw-bg-opacity));
-}
 .psui-el-button.layout-onlytext {
   --tw-text-opacity: 1;
   color: rgb(49 143 172/var(--tw-text-opacity));
@@ -6464,6 +6459,12 @@ video {
   gap: 0.75rem;
 }
 
+.psui-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
+}
+
 .psui-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.125rem * var(--tw-space-x-reverse));

package/package.json

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

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

@@ -135,7 +135,7 @@
     }
 
     &.layout-onlytext {
-      @apply psui-bg-white psui-text-blue-60;
+      @apply  psui-text-blue-60;
 
       &.disabled {
         @apply psui-text-gray-40 psui-cursor-default

package/src/assets/scss/components/PsTabHeader.scss

@@ -22,11 +22,15 @@
 
     /*  Layout Policy Design  */
       &.layout-policy-design {
-        @apply psui-space-x-2;
-
           button {
-            padding: 8px 2px 7px 0px; 
+            padding: 8px 2px 7px 0px;
+            margin-right: 8px;
             @apply psui-flex psui-items-center psui-relative;
+            
+            &:not(:first-child) {
+              margin-left: 8px;
+            }
+             
 
             &:after {
               content: '';

package/src/components/buttons/PsButton.vue

@@ -4,7 +4,7 @@
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
     class="psui-el-button"
-    :class="[getComponentClass, { hover: isHover }, { disabled: disabled || loading }]"
+    :class="[getComponentClass, { hover: isHover && !disabled}, { disabled: disabled || loading }]"
   >
     <svg
       v-if="loading"
@@ -96,14 +96,10 @@ const onClick = (event) => {
 }
 
 const onMouseEnter = () => {
-  if (!props.disabled) {
-    isHover.value = true
-  }
+  isHover.value = true
 }
 
 const onMouseLeave = () => {
-  if (!props.disabled) {
     isHover.value = false
-  }
 }
 </script>