@eturnity/eturnity_reusable_components 1.2.86-EPDM-7435-1 → 1.2.86

package/package.json

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

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

@@ -7,7 +7,7 @@
       <label-wrapper v-if="label">
         <input-label :labelFontColor="labelFontColor" :fontSize="fontSize">{{
           label
-        }} <optionalLabel v-if="labelOptional">({{ $gettext('Optional') }})</optionalLabel></input-label>
+        }}</input-label>
         <info-text
           v-if="infoTextMessage"
           :text="infoTextMessage"
@@ -81,9 +81,7 @@ const InputLabel = styled('div', labelAttrs)`
   font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
   font-weight: 700;
 `
-const optionalLabel = styled.span`
-  font-weight: 300;
-`
+
 const LabelWrapper = styled.div`
   display: inline-grid;
   grid-template-columns: auto auto;
@@ -219,8 +217,7 @@ export default {
     Icon,
     IconWrapper,
     IconContainer,
-    InputErrorWrapper,
-    optionalLabel
+    InputErrorWrapper
   },
   data() {
     return {
@@ -269,10 +266,6 @@ export default {
     label: {
       required: false
     },
-    labelOptional: {
-      required: false,
-      default: false
-    },
     noBorder: {
       required: false,
       default: false

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

@@ -14,8 +14,7 @@
             labelFontColor || colorMode == 'dark' ? 'white' : 'eturnityGrey'
           "
           :fontSize="fontSize"
-          >{{ label }} <optionalLabel v-if="labelOptional"> ({{ $gettext('Optional') }})</optionalLabel>
-          </input-label
+          >{{ label }}</input-label
         >
         <info-text
           v-if="infoTextMessage"
@@ -159,10 +158,6 @@ const InputLabel = styled('div', labelAttrs)`
   font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
   font-weight: 700;
 `
-const optionalLabel = styled.span`
-  font-weight: 300;
-
-`
 const inputProps = { selectWidth: String, optionWidth: String }
 const Container = styled('div', inputProps)`
   width: ${(props) => (props.selectWidth ? props.selectWidth : '100%')};
@@ -198,7 +193,7 @@ const selectButton = styled('div', selectButtonAttrs)`
   box-sizing: border-box;
   border-radius: 4px;
   padding: ${(props) =>
-    props.isSearchBarVisible ? '0' : '0px 0px 0 15px'};
+    props.isSearchBarVisible ? '0 10px 0 0' : '0px 10px 0 15px'};
   text-align: left;
   border-radius: 4px;
   min-height: 36px;
@@ -235,6 +230,7 @@ const selectDropdown = styled('div', selectDropdownAttrs)`
     z-index:${(props) => (props.isActive ? '2' : '1')};
     position:absolute;
     top:5px;
+    padding:10px;
     border:1px solid ${(props) => props.theme.colors.grey4}
     border-radius:4px;
     display: flex;
@@ -287,10 +283,6 @@ export default {
     label: {
       required: false
     },
-    labelOptional: {
-      required: false,
-      default: false
-    },
     infoTextMessage: {
       required: false
     },
@@ -368,7 +360,6 @@ export default {
     Container,
     InputLabel,
     LabelWrapper,
-    optionalLabel,
     InfoText,
     InputWrapper,
     DropdownWrapper,