@eturnity/eturnity_reusable_components 1.2.11 → 1.2.12

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/inputs/radioButton/index.vue +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/components/inputs/radioButton/index.vue CHANGED
@@ -65,7 +65,7 @@ const ComponentWrapper = styled("div", wrapperProps)`
65
65
  display: flex;
66
66
  flex-direction: ${(props) =>
67
67
  props.layout === "vertical" ? "column" : "row"};
68
- grid-gap: 32px;
68
+ grid-gap: 10px 5px;
69
69
  flex-wrap: wrap;
70
70
  `
71
71
 
@@ -95,13 +95,18 @@ const containerProps = { size: String, isDisabled: Boolean }
95
95
  const LabelContainer = styled("label", containerProps)`
96
96
  display: grid;
97
97
  grid-template-columns: auto 1fr auto;
98
- grid-gap: 16px;
98
+ grid-gap: 15px;
99
99
  align-items: center;
100
100
  color: ${(props) =>
101
101
  props.isDisabled ? props.theme.colors.disabled : props.theme.colors.black};
102
102
  position: relative;
103
103
  cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
104
- font-size: 16px;
104
+ font-size: ${(props) =>
105
+ props.size === "large"
106
+ ? "16px"
107
+ : props.size === "medium"
108
+ ? "13px"
109
+ : "10px"};
105
110
  user-select: none;
106
111
  flex: auto;
107
112
  align-self: baseline;