@policystudio/policy-studio-ui-vue 1.2.0-access.52 → 1.2.0-access.54

package/dist/css/psui_styles_output.css

@@ -3160,7 +3160,7 @@ video {
 }
 .psui-el-card-infos-title {
   --tw-text-opacity: 1;
-  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
 }
 .psui-el-card-infos-content {
   display: flex;
@@ -3178,6 +3178,10 @@ video {
   font-size: 16px;
   line-height: 24px;
 }
+.psui-el-card-infos-content {
+  --tw-text-opacity: 1;
+  color: rgb(40, 50, 59, var(--tw-text-opacity, 1));
+}
 .psui-el-card-infos-icon {
   margin-right: 0.25rem;
 }

package/package.json

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

package/src/assets/scss/components/PsCardInfos.scss

@@ -14,11 +14,11 @@
     }
 
     &-title {
-      @apply psui-flex psui-text-xsmall psui-text-gray-40 psui-mb-1;
+      @apply psui-flex psui-text-xsmall psui-text-gray-80 psui-mb-1;
     }
 
     &-content {
-      @apply psui-w-full psui-flex psui-justify-end psui-items-center psui-text-16;
+      @apply psui-w-full psui-flex psui-justify-end psui-items-center psui-text-16 psui-text-gray-80;
     }
 
     &-icon {

package/src/components/badges-and-tags/PsCardInfos.vue

@@ -57,14 +57,14 @@ defineProps({
    */
   titleClass: {
     type: String,
-    default: 'psui-text-gray-60 psui-font-bold',
+    default: 'psui-text-gray-80 psui-font-bold',
   },
   /**
    * It sets the class for the subtitle text (color, font-weight, font-size, etc.).
    */
   subtitleClass: {
     type: String,
-    default: 'psui-text-gray-40 psui-font-bold',
+    default: 'psui-text-gray-80',
   },
   /**
    * It sets the class for the total text (color, font-weight, font-size, etc.).

package/src/components/forms/PsDropdown.vue

@@ -2,7 +2,8 @@
   <div class="psui-el-dropdown-menu">
     <div
       ref="PSDropdownTrigger"
-      @click="toggle"
+      @click.stop="toggle"
+      @keydown.enter.stop="toggle"
     >
       <slot
         v-if="hasDropdownTrigger"
@@ -124,7 +125,7 @@ const focusFirstElement = async () => {
   await nextTick()
   if (PSDropdownFloating.value) {
     const focusable = PSDropdownFloating.value.querySelector(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="combobox"], [tabindex="0"]',
     )
     focusable?.focus()
   }

package/src/components/ui/PsIcon.vue

@@ -4,6 +4,7 @@
     :style="{ display: display }"
     tabindex="0"
     @click="emit('click', $event)"
+    @keydown="emit('keydown',$event)"
   >
     <span
       v-if="getIconType === 'material-icons'"
@@ -124,7 +125,7 @@ const props = defineProps({
 const finishedImageLoad = ref(false)
 const imageLoadError = ref(false)
 
-const emit = defineEmits(['click'])
+const emit = defineEmits(['click','keydown'])
 
 const getIconType = computed(() => {
   if (props.type) return props.type