@eturnity/eturnity_reusable_components 1.2.39-EPDM-5626.1 → 1.2.39-EPDM-5626.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.39-EPDM-5626.1",
+  "version": "1.2.39-EPDM-5626.3",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -74,7 +74,7 @@ const InputLabel = styled('div', labelAttrs)`
   };
 
   font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
-  font-family: 'Lato-Bold',Arial;
+  font-family: 'Lato-Bold', Arial;
 `
 
 const LabelWrapper = styled.div`
@@ -133,7 +133,7 @@ const InputContainer = styled('input', inputProps)`
       : props.fontColor
       ? props.fontColor + ' !important'
       : props.theme.colors.black};
-
+      
   width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
   min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
   max-height: ${(props) => props.inputHeight};
@@ -141,7 +141,7 @@ const InputContainer = styled('input', inputProps)`
   font-weight: 400;
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
   background-color: ${(props) =>
-    props.isDisabled ? props.theme.colors.grey5 :
+    props.isDisabled ? props.theme.colors.grey5 : 
     props.backgroundColor ? props.backgroundColor+' !important' :
     props.theme.colors.white};
   &::placeholder {

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

@@ -1,7 +1,7 @@
 <template>
   <component-wrapper :layout="layout">
     <radio-wrapper v-for="(item, index) in options" :key="item.value">
-      <label-container :size="size" :isDisabled="item.disabled" :isChecked="selectedOption === item.value">
+      <label-container :size="size" :isDisabled="item.disabled" :isChecked="selectedOption === item.value" :checkmarkColor="checkmarkColor">
         <radio
           type="radio"
           :value="selectedOption"
@@ -83,7 +83,7 @@ const RadioWrapper = styled.div`
   grid-gap: 10px;
 `
 
-const containerProps = { size: String, isDisabled: Boolean, isChecked: Boolean }
+const containerProps = { size: String, isDisabled: Boolean, isChecked: Boolean, checkmarkColor: String }
 const LabelContainer = styled("label", containerProps)`
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -139,7 +139,7 @@ const LabelContainer = styled("label", containerProps)`
             ? "8px"
             : "6px"};
       border-radius: 100%;
-      background: ${(props) => props.theme.colors.primary};
+      background: ${(props) => props.checkmarkColor ? props.checkmarkColor : props.theme.colors.primary};
     }
   }
 `
@@ -220,6 +220,10 @@ export default {
     name: {
       required: false,
       default: ''
+    },
+    checkmarkColor: {
+      required: false,
+      default: ''
     }
   },
   data() {