@policystudio/policy-studio-ui-vue 1.2.0-access.30 → 1.2.0-access.32

package/dist/css/psui_styles_output.css

@@ -1165,7 +1165,11 @@ video {
   line-height: 20px;
 }
 .psui-el-table-results.layout-flexible thead tr .title {
-  line-height: 1rem;
+  font-weight: 600;
+}
+.psui-el-table-results.layout-flexible thead tr .title {
+  --tw-text-opacity: 1;
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 .psui-el-table-results.layout-flexible thead tr th {
   width: auto;
@@ -1176,10 +1180,6 @@ video {
 .psui-el-table-results.layout-flexible thead tr th {
   vertical-align: top;
 }
-.psui-el-table-results.layout-flexible thead tr th {
-  --tw-text-opacity: 1;
-  color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
-}
 .psui-el-table-results.layout-flexible thead tr th .description {
   font-size: 12px;
   line-height: 130%;
@@ -1187,6 +1187,10 @@ video {
 .psui-el-table-results.layout-flexible thead tr th .description {
   font-weight: 400;
 }
+.psui-el-table-results.layout-flexible thead tr th .description {
+  --tw-text-opacity: 1;
+  color: rgb(121, 132, 144, var(--tw-text-opacity, 1));
+}
 .psui-el-table-results.layout-flexible thead tr th .description {
   line-height: 110%;
 }
@@ -1252,19 +1256,15 @@ video {
   padding-bottom: 0.5rem;
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div > .title {
-  font-size: 12px;
-  line-height: 130%;
-  letter-spacing: 0.6px;
-}
-.psui-el-table-results.layout-flexible thead tr:first-of-type th > div > .title {
-  font-weight: 700;
+  font-size: 14px;
+  line-height: 20px;
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div > .title {
-  text-transform: uppercase;
+  font-weight: 600;
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div > .title {
   --tw-text-opacity: 1;
-  color: rgb(0, 42, 58, var(--tw-text-opacity, 1));
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 .psui-el-table-results.layout-flexible thead tr:first-of-type p {
   font-size: 16px;
@@ -1289,7 +1289,7 @@ video {
 }
 .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th .title {
   --tw-text-opacity: 1;
-  color: rgb(0, 42, 58, var(--tw-text-opacity, 1));
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th p:not(:first-of-type) {
   --tw-text-opacity: 1;
@@ -1595,7 +1595,7 @@ video {
 }
 .psui-el-table-results .psui-show-childrens-on-hover.absolute-childrens .helper {
   position: absolute;
-  top: 0;
+  top: 1px;
   right: -18px;
 }
 
@@ -6602,6 +6602,10 @@ video {
   margin-right: 0.5rem;
 }
 
+.psui-mt-\[2px\] {
+  margin-top: 2px;
+}
+
 .psui-flex {
   display: flex;
 }
@@ -6896,11 +6900,6 @@ video {
   line-height: 1;
 }
 
-.psui-text-blue-40 {
-  --tw-text-opacity: 1;
-  color: rgb(134, 192, 219, var(--tw-text-opacity, 1));
-}
-
 .psui-text-blue-50 {
   --tw-text-opacity: 1;
   color: rgb(45, 165, 204, var(--tw-text-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.2.0-access.30",
+  "version": "1.2.0-access.32",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

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

@@ -51,7 +51,7 @@
 
     .psui-show-childrens-on-hover.absolute-childrens .helper {
       position: absolute;
-      top: 0;
+      top: 1px;
       right: -18px;
     }
   }

package/src/assets/scss/components/table-layouts/LayoutFlexible.scss

@@ -19,14 +19,14 @@
 
     tr {
       .title {
-        @apply psui-text-14 psui-leading-4;
+        @apply psui-text-14 psui-font-semibold psui-text-gray-80;
       }
 
       th {
-        @apply psui-text-gray-50 psui-text-right psui-w-auto psui-align-top;
+        @apply  psui-text-right psui-w-auto psui-align-top;
 
         .description {
-          @apply psui-text-xsmall psui-font-normal;
+          @apply psui-text-xsmall psui-font-normal psui-text-gray-50;
           line-height: 110%;
         }
 
@@ -69,7 +69,7 @@
             @apply psui-flex psui-flex-row psui-border-b psui-border-gray-30 psui-py-2;
 
             > .title {
-              @apply psui-text-accentSmall psui-text-blue-80 psui-font-bold psui-uppercase;
+              @apply psui-text-14 psui-text-gray-80 psui-font-semibold;
             }
           }
         }
@@ -95,7 +95,7 @@
           }
 
           .title {
-            @apply psui-text-blue-80;
+            @apply psui-text-gray-80;
           }
 
           p:not(:first-of-type) {

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

@@ -49,7 +49,7 @@
                   v-if="item.remove_add_button"
                   :icon="item.remove_add_button_icon"
                   class="psui-flex psui-text-gray-60 pl-4 psui-cursor-pointer leading-none hover:psui-text-blue-60 transition-all"
-                  size="15"
+                  size="16"
                   display="flex"
                   @click.native="emit('removeOrAddButtonChange', item, $event)"
                 />
@@ -101,8 +101,8 @@
                       <PsIcon
                         v-if="item.has_helper"
                         icon="info_outline"
-                        size="16"
-                        class="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
+                        size="18"
+                        class="psui-text-gray-50 hover:psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                         display="flex"
                         @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                       />
@@ -120,8 +120,8 @@
                   <PsIcon
                     v-if="item.has_helper"
                     icon="info_outline"
-                    size="16"
-                    class="psui-opacity-0 psui-text-gray-40 hover:psui-text-blue-60 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
+                    size="18"
+                    class="psui-opacity-0 psui-text-gray-50 hover:psui-text-blue-60 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                     display="flex"
                     @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                   />
@@ -136,7 +136,7 @@
                 />
               </div>
               <div
-                class="actions psui-space-x-3 flex justify-between"
+                class="actions psui-space-x-3 flex justify-between psui-items-center"
                 :style="layout !== 'flexible' ? { paddingLeft: `${item.deep * 16}px` } : {}"
               >
                 <PsRichTooltip
@@ -151,10 +151,10 @@
                     <PsIcon
                       :icon="getIcon(item)"
                       :class="[
-                        'psui-flex psui-text-gray-40 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 transition-all',
+                        'psui-flex psui-text-gray-50 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 transition-all',
                         layout === 'flexible' ? 'px-1 psui-py-0' : 'psui-px-5 psui-py-1'
                       ]"
-                      size="16"
+                      size="18"
                       display="flex"
                       @click.native="executeCallback(item)"
                     />

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

@@ -12,9 +12,9 @@
           </p>
           <PsIcon
             icon="info_outline"
-            size="16"
-            class="psui-cursor-pointer psui-text-blue-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
-            :style="{ display: 'flex' }"
+            size="18"
+            display="flex"
+            class="helper psui-mt-[2px] psui-cursor-pointer psui-text-gray-50 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
             @click="emit('click-column-group-helper', columnGroup, $event)"
           />
         </div>
@@ -73,9 +73,9 @@
 
               <PsIcon
                 icon="info_outline"
-                size="16"
-                class="helper psui-cursor-pointer psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
-                :style="{ display: 'flex', marginTop: '1px' }"
+                size="18"
+                class="helper psui-cursor-pointer psui-text-gray-50 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
+                display="flex"
                 @click="emit('click-column-helper', column, $event)"
               />