@policystudio/policy-studio-ui-vue 1.1.90-beta.44 → 1.1.90-beta.46

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.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -6071,14 +6071,6 @@ video {
   height: 100%;
   transform: translateX(-50%);
 }
-.psui-el-collapse.disabled .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper {
-  --tw-text-opacity: 1;
-  color: rgb(121 132 144/var(--tw-text-opacity));
-}
-.psui-el-collapse.disabled .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper:hover {
-  --tw-text-opacity: 1;
-  color: rgb(121 132 144/var(--tw-text-opacity));
-}
 .psui-el-collapse .psui-el-collapse-item-header {
   display: flex;
 }
@@ -6129,6 +6121,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(49 143 172/var(--tw-text-opacity));
 }
+.psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title.disabled {
+  --tw-text-opacity: 1;
+  color: rgb(121 132 144/var(--tw-text-opacity));
+}
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action {
   visibility: hidden;
 }
@@ -6343,12 +6339,6 @@ 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.44",
+  "version": "1.1.90-beta.46",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/assets/scss/components/PsCollapse.scss

@@ -18,13 +18,6 @@
     }
 
     
-    &.disabled {
-      .psui-el-collapse-item-header {
-        .psui-el-collapse-item-header-wrapper {
-          @apply psui-text-gray-50 hover:psui-text-gray-50;
-        }
-      } 
-    }
 
     .psui-el-collapse-item-header {
       @apply psui-flex psui-items-center psui-cursor-pointer;
@@ -40,6 +33,10 @@
   
         .psui-el-collapse-item-title {
           @apply psui-ml-1 psui-text-gray-70 hover:psui-text-blue-60;
+
+          &.disabled {
+            @apply psui-text-gray-50;
+          }      
   
         }
 

package/src/components/collapse/PsCollapse.vue

@@ -22,9 +22,9 @@
         >
           <span
             v-if="title"
+            class="psui-el-collapse-item-title"
             :class="[
               { 'disabled': disabled },                 
-              { 'psui-el-collapse-item-title': !disabled },                 
             ]"
           >
             {{ title }}

package/src/components/ui/PsIcon.vue

@@ -19,9 +19,9 @@
     <inline-svg
       v-else
       :src="icon"
-      :width="size"
-      :height="size"
-      :stroke="getColor"
+      :width="width ? width : size"
+      :height="height ? height : size"
+      :stroke="stroke ? stroke : disableStroke ? null : getColor"
       :fill="getColor"
     />
   </div>
@@ -104,6 +104,18 @@ const props = defineProps({
     type: String,
     default: 'more_horiz',
   },
+  disableStroke: {
+    type: Boolean,
+    default: false,
+  },
+  width: {
+    type: [Number, String],
+    default: 24,
+  },
+  height: {
+    type: [Number, String],
+    default: 24,
+  },
 })
 
 const finishedImageLoad = ref(false)