@eturnity/eturnity_reusable_components 7.22.3 → 7.22.4--EPDM-10563.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.22.3",
+  "version": "7.22.4--EPDM-10563.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/icon/index.vue

@@ -107,8 +107,9 @@ const IconImage = styled('div', {
   svg path {
     ${({ theme, color }) => color && `fill: ${theme.colors[color] || color};`}
   }
-  &:hover > svg path {
-    ${(props) => props.hoveredColor && `fill: ${props.hoveredColor};`}
+  &:hover svg path {
+    ${({ theme, hoveredColor }) =>
+      hoveredColor && `fill: ${theme.colors[hoveredColor] || hoveredColor};`}
   }
   &:hover + div {
     background-color: ${(props) => props.hoveredColor};

package/src/components/inputs/select/index.vue

@@ -10,7 +10,11 @@
       :alignItems="alignItems"
       :noRelative="noRelative"
     >
-      <label-wrapper v-if="label" :data-id="labelDataId">
+      <label-wrapper
+        v-if="label"
+        :data-id="labelDataId"
+        :infoTextMessage="!!infoTextMessage"
+      >
         <input-label
           :fontColor="
             labelFontColor || colorMode == 'dark' ? 'white' : 'eturnityGrey'
@@ -43,7 +47,7 @@
             buttonFontColor || colorMode == 'dark' ? 'white' : 'black'
           "
           :hasError="hasError"
-          :hasNoPadding="isSearchBarVisible || !hasSelectButtonPadding"
+          :hasNoPadding="hasNoPadding"
           :disabled="disabled"
           @keydown="onKeyDown"
           :showBorder="showBorder"
@@ -150,7 +154,7 @@
 //     alignItems="vertical"
 //     label-data-id="test-label-data-id"
 //     data-id="test-data-id"
-//     :hasSelectButtonPadding="false"
+//     :hasNoPadding="true"
 //     >
 //     <template #selector="{selectedValue}">
 //     value selected: {{selectedValue}}
@@ -228,9 +232,12 @@ const Container = styled('div', inputProps)`
   position: ${(props) => (props.noRelative ? 'static' : 'relative')};
   display: inline-block;
 `
-const LabelWrapper = styled.div`
+
+const LabelWrapperAttrs = { infoTextMessage: Boolean }
+const LabelWrapper = styled('div', LabelWrapperAttrs)`
   display: inline-grid;
-  grid-template-columns: auto auto;
+  grid-template-columns: ${(props) =>
+    props.infoTextMessage ? 'auto auto' : 'auto'};
   grid-gap: 12px;
   align-items: center;
   justify-content: start;
@@ -509,10 +516,6 @@ export default {
       type: String,
       default: ''
     },
-    hasSelectButtonPadding: {
-      type: Boolean,
-      default: true
-    },
     isDraggable: {
       type: Boolean,
       default: false
@@ -531,6 +534,11 @@ export default {
     dropdownMenuPosition: {
       type: String,
       default: DROPDOWN_MENU_POSITIONS.Automatic // options: ['automatic', bottom]
+    },
+    hasNoPadding: {
+      required: false,
+      default: false,
+      type: Boolean
     }
   },
 

package/src/components/pageTitle/index.vue

@@ -31,7 +31,7 @@ const titleAttrs = { color: String, fontSize: String, uppercase: Boolean }
 const TitleText = styled('span', titleAttrs)`
   color: ${(props) => (props.color ? props.color : props.theme.colors.black)};
   font-weight: bold;
-  font-size: ${(props) => (props.fontSize ? props.fontSize : '18px')};
+  font-size: ${(props) => (props.fontSize ? props.fontSize : '20px')};
   text-transform: ${(props) => (props.uppercase ? 'uppercase' : 'none')};
 `