@policystudio/policy-studio-ui-vue 1.1.90-beta.45 → 1.1.90-beta.47

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.10 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -567,6 +567,24 @@ video {
   --tw-text-opacity: 1;
   color: rgb(49 143 172/var(--tw-text-opacity));
 }
+.psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
+  cursor: default;
+}
+.psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 236 242/var(--tw-bg-opacity));
+}
+.psui-el-chips.type-checkbox input:checked + label.status-disabled, .psui-el-chips.type-radio input:checked + label.status-disabled {
+  --tw-text-opacity: 1;
+  color: rgb(162 172 183/var(--tw-text-opacity));
+}
+.psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
+  cursor: default;
+}
+.psui-el-chips.type-checkbox input:checked + label.status-disabled:before, .psui-el-chips.type-radio input:checked + label.status-disabled:before {
+  --tw-text-opacity: 1;
+  color: rgb(214 221 229/var(--tw-text-opacity));
+}
 .psui-el-chips.type-checkbox input:checked + label:before, .psui-el-chips.type-radio input:checked + label:before {
   --tw-text-opacity: 1;
   color: rgb(100 181 206/var(--tw-text-opacity));
@@ -6339,12 +6357,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.45",
+  "version": "1.1.90-beta.47",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/assets/scss/components/PsChips.scss

@@ -19,7 +19,15 @@
         &:checked {
           + label {
             @apply psui-text-blue-60 psui-bg-blue-20;
-  
+
+            &.status-disabled {
+              @apply psui-bg-gray-20 psui-text-gray-40 psui-cursor-default; 
+
+              &:before {
+                @apply psui-text-gray-30 psui-cursor-default; 
+              }
+            }
+
             &:before {
               @apply psui-text-blue-50;
             }
@@ -82,8 +90,6 @@
     }
 
     &.type-button {
-
-
       label {
         @apply psui-flex psui-items-center psui-justify-center psui-text-gray-60 psui-transition-all psui-cursor-pointer psui-rounded psui-py-1 psui-px-3 psui-text-small;
         background-color: #F6F7F8;

package/src/components/chips/PsChips.vue

@@ -14,7 +14,7 @@
     <label
       :disabled="disabled"
       :for="getInputId"
-      :class="{'checked': checked && type === 'button' }"
+      :class="{'checked': checked && type === 'button', 'status-disabled': disabled }"
     >
       <i
         v-if="icon"

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)