@eturnity/eturnity_reusable_components 6.37.0-3d-qa-6.38.1 → 6.37.0-EDPM-8208.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "6.37.0-3d-qa-6.38.1",
3
+ "version": "6.37.0-EDPM-8208.0",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -432,10 +432,6 @@ export default {
432
432
  labelFontColor: {
433
433
  required: false,
434
434
  default: 'eturnityGrey'
435
- },
436
- focus:{
437
- required: false,
438
- default: false
439
435
  }
440
436
  },
441
437
  computed: {
@@ -548,7 +544,7 @@ export default {
548
544
  }
549
545
  this.isFocused = true
550
546
  this.$nextTick(() => {
551
- this.$refs.inputField1.$el.focus()
547
+ this.$refs.inputField1.$el.select()
552
548
  })
553
549
  this.$emit('input-focus')
554
550
  },
@@ -634,17 +630,7 @@ export default {
634
630
  })
635
631
  }
636
632
  },
637
- mounted(){
638
- if(this.focus){
639
- this.focusInput()
640
- }
641
- },
642
633
  watch: {
643
- focus(value){
644
- if(value){
645
- this.focusInput()
646
- }
647
- },
648
634
  clearInput: function (value) {
649
635
  if (value) {
650
636
  // If the value is typed, then we should clear the textInput on Continue
@@ -76,9 +76,7 @@
76
76
  import styled from 'vue-styled-components'
77
77
  import InfoText from '../../infoText'
78
78
  import theme from '../../../assets/theme'
79
- const Container = styled.div`
80
- width:100%
81
- `
79
+ const Container = styled.div``
82
80
 
83
81
  const flexAttrs = {
84
82
  label: String,
@@ -94,7 +92,6 @@ const FlexWrapper = styled('div', flexAttrs)`
94
92
  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
95
93
  grid-template-columns: ${(props) =>
96
94
  props.alignItems === 'vertical' || !props.label ? '1fr' : 'auto 1fr'};
97
- width:100%;
98
95
  `
99
96
 
100
97
  const toggleAttrs = {
@@ -120,7 +117,6 @@ const SwitchWrapper = styled('span', toggleAttrs)`
120
117
  : props.size === 'small'
121
118
  ? '16px'
122
119
  : '24px'};
123
- width:100%;
124
120
  `
125
121
  const optionAttrs = {
126
122
  isActive: Boolean,
@@ -143,10 +139,9 @@ const switchOption = styled('div', optionAttrs)`
143
139
  line-height: 1;
144
140
  text-align: center;
145
141
  padding: 10px;
146
- margin-right: 0;
142
+ margin-right: -1px;
147
143
  transition: all 0.1s ease-in-out;
148
144
  overflow: hidden;
149
- width:100%;
150
145
  & :hover {
151
146
  cursor: pointer;
152
147
  }