@policystudio/policy-studio-ui-vue 1.2.0-access.67 → 1.2.0-access.69

package/dist/css/psui_styles_output.css

@@ -2880,27 +2880,6 @@ video {
 .psui-el-button.size-small {
   font-size: 14px;
 }
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1));
-}
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
-  --tw-text-opacity: 1;
-  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
-}
-.psui-el-button.size-small.layout-onlytext:active:not(.disabled), .psui-el-button.size-small.layout-textonly:active:not(.disabled) {
-  --tw-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
-  --tw-shadow-colored: inset 0px 1px 2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
-}
-.psui-el-button.size-small.hover.layout-onlytext, .psui-el-button.size-small.hover.layout-textonly {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(224, 239, 246, var(--tw-bg-opacity, 1)) !important;
-}
-.psui-el-button.size-small.hover.layout-onlytext, .psui-el-button.size-small.hover.layout-textonly {
-  --tw-text-opacity: 1 !important;
-  color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
-}
 .psui-el-button.size-small .icon-left-side {
   margin-right: 0.25rem;
 }

package/package.json

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

package/src/assets/scss/components/PsButton.scss

@@ -51,18 +51,6 @@
     &.size-small {
       @apply psui-flex psui-items-center psui-justify-center psui-py-1 psui-px-2 psui-rounded psui-text-[14px];
 
-      &.layout-onlytext,
-      &.layout-textonly {
-        &:active:not(.disabled) {
-          @apply psui-bg-blue-20 psui-text-blue-60 psui-shadow-[inset_0px_1px_2px_rgba(0,0,0,0.05)];
-        }
-      }
-
-      &.hover.layout-onlytext,
-      &.hover.layout-textonly {
-        @apply psui-bg-blue-20 psui-text-blue-60 !important;
-      }
-
       .icon-left-side {
         @apply psui-text-[18px] psui-mr-1;
       }

package/src/components/ui/PsIcon.vue

@@ -3,6 +3,7 @@
     class="psui-general-icon"
     :style="{ display: display }"
     tabindex="0"
+    v-bind="$attrs"
     @click="emit('click', $event)"
     @keydown="emit('keydown',$event)"
   >
@@ -11,9 +12,16 @@
       class="material-icons-round"
       :class="[getIconClasses]"
       :style="{ fontSize: `${size}px` }"
+      :aria-hidden="label ? 'true' : null"
     >
       {{ getIcon }}
     </span>
+    <span
+      v-if="label"
+      class="sr-only"
+    >
+      {{ label }}
+    </span>
     <img
       v-else-if="getIconType === 'url'"
       :src="icon"
@@ -120,6 +128,10 @@ const props = defineProps({
     type: [Number, String],
     default: null,
   },
+  label: {
+    type: String,
+    default: null,
+  },
 })
 
 const finishedImageLoad = ref(false)