@policystudio/policy-studio-ui-vue 1.1.79 → 1.1.80

package/dist/css/psui_styles.css

@@ -2446,7 +2446,7 @@ video {
             }
 
 .psui-el-table-results.layout-flexible thead tr:first-of-type th:first-child > div {
-                max-width: 598px;
+                min-width: 598px;
               }
 
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div {
@@ -2671,6 +2671,7 @@ video {
 
 .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child {
                 position: sticky;
+                min-width: 330px;
               }
 
 .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
@@ -18964,6 +18965,13 @@ video {
   left: -1rem;
 }
 
+.psui--inset-2{
+  top: -0.5rem;
+  right: -0.5rem;
+  bottom: -0.5rem;
+  left: -0.5rem;
+}
+
 .psui-inset-y-0{
   top: 0;
   bottom: 0;
@@ -18994,6 +19002,16 @@ video {
   left: -1rem;
 }
 
+.psui--inset-y-2{
+  top: -0.5rem;
+  bottom: -0.5rem;
+}
+
+.psui--inset-x-2{
+  right: -0.5rem;
+  left: -0.5rem;
+}
+
 .psui-top-0{
   top: 0;
 }
@@ -19042,6 +19060,22 @@ video {
   left: -1rem;
 }
 
+.psui--top-2{
+  top: -0.5rem;
+}
+
+.psui--right-2{
+  right: -0.5rem;
+}
+
+.psui--bottom-2{
+  bottom: -0.5rem;
+}
+
+.psui--left-2{
+  left: -0.5rem;
+}
+
 .psui-resize-none{
   resize: none;
 }
@@ -36412,6 +36446,13 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .sm\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -36442,6 +36483,16 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .sm\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .sm\:psui-top-0{
     top: 0;
   }
@@ -36490,6 +36541,22 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .sm\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .sm\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .sm\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .sm\:psui-resize-none{
     resize: none;
   }
@@ -53650,6 +53717,13 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .md\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -53680,6 +53754,16 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .md\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .md\:psui-top-0{
     top: 0;
   }
@@ -53728,6 +53812,22 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .md\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .md\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .md\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .md\:psui-resize-none{
     resize: none;
   }
@@ -70888,6 +70988,13 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .lg\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -70918,6 +71025,16 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .lg\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .lg\:psui-top-0{
     top: 0;
   }
@@ -70966,6 +71083,22 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .lg\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .lg\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .lg\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .lg\:psui-resize-none{
     resize: none;
   }
@@ -88126,6 +88259,13 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .xl\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -88156,6 +88296,16 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .xl\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .xl\:psui-top-0{
     top: 0;
   }
@@ -88204,6 +88354,22 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .xl\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .xl\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .xl\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .xl\:psui-resize-none{
     resize: none;
   }
@@ -105364,6 +105530,13 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -105394,6 +105567,16 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-top-0{
     top: 0;
   }
@@ -105442,6 +105625,22 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .\32xl\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .\32xl\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-resize-none{
     resize: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.79",
+  "version": "1.1.80",
   "description": "Policy Studio UI",
   "main": "src/index.js",
   "author": "Policy Studio Team",

package/src/assets/scss/components/PsTableResults.scss

@@ -406,7 +406,7 @@
                 padding-left: 0;
 
                 > div {
-                  max-width: 598px;
+                  min-width: 598px;
                 }
               }
   
@@ -588,6 +588,7 @@
   
                 &:first-child {
                   @apply psui-sticky;
+                  min-width: 330px;
     
                   &:after {
                     content: '';

package/src/components/table-results/PsTableResults.vue

@@ -269,11 +269,15 @@
                   v-if="column.isSwitch && item.data[column.key] != null"
                   class="psui-inline-flex" 
                   v-tooltip="{
-                    content: !item.data.is_disabled || item.is_excluded ? false : `<p class='psui-text-white psui-text-xsmall psui-font-bold'>${item.tooltip_text}</p>`,
+                    content: item.tooltip_text ? `<p class='psui-text-white psui-text-xsmall psui-font-bold'>${item.tooltip_text}</p>` : false,
                     classes: 'layout-blue'
                   }"
                 >
                 <div class="flex psui-items-center psui-relative">
+                  <span
+                    v-if="item.has_flag" 
+                    class="psui-w-2 psui-h-2 psui-bg-yellow-20 psui-absolute psui--right-2 psui--top-2 psui-rounded-md"
+                  />
                   <PsSwitch
                     :disabled="item.data.is_disabled"
                     :value="item.data[column.key]"

package/tailwind.config.js

@@ -117,6 +117,7 @@ module.exports = {
       },
       inset:{
         '-1': '-1rem',
+        '-2': '-0.5rem'
       }
     },
     screens: {