@policystudio/policy-studio-ui-vue 1.2.0-access.31 → 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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.2.0-access.31",
+  "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/PsTableResultsHeadFlexible.vue

@@ -13,8 +13,8 @@
           <PsIcon
             icon="info_outline"
             size="18"
-            class="psui-cursor-pointer psui-text-gray-50 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
-            :style="{ display: 'flex' }"
+            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>