@gympass/yoga 7.131.3 → 7.131.5

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 (3) hide show
  1. package/cjs/Input/native/Input.js +11 -3
  2. package/esm/Input/native/Input.js +11 -3
  3. package/package.json +3 -3
package/cjs/Input/native/Input.js CHANGED
@@ -99,10 +99,12 @@ const Field = import_styled_components.default.TextInput(
99
99
  }
100
100
  }) => `
101
101
  width: ${full ? "100%" : `${input.width}px`};
102
+ height: ${input.height}px;
103
+ min-height: ${input.height}px;
102
104
 
103
- padding-top: ${input.padding.top}px;
105
+ padding-top: ${input.padding.top - 2}px;
104
106
  padding-right: ${cleanable || textContentType === "password" ? ICON_SIZE + input.padding.right * 2 : input.padding.right}px;
105
- padding-bottom: ${input.padding.bottom}px;
107
+ padding-bottom: ${input.padding.bottom - 2}px;
106
108
  padding-left: ${input.padding.left}px;
107
109
 
108
110
  border-radius: ${input.border.radius}px;
@@ -180,12 +182,18 @@ const Label = (0, import_styled_components.default)(import_react_native.Animated
180
182
  const CloseIcon = import_styled_components.default.View(
181
183
  ({
182
184
  theme: {
183
- yoga: { spacing }
185
+ yoga: {
186
+ spacing,
187
+ components: { input }
188
+ }
184
189
  }
185
190
  }) => `
186
191
  position: absolute;
187
192
  top: 0px;
188
193
  right: 0px;
194
+ height: ${input.height}px;
195
+ justify-content: center;
196
+ align-items: center;
189
197
 
190
198
  padding-right: ${spacing.small}px;
191
199
  padding-left: ${spacing.small}px;
package/esm/Input/native/Input.js CHANGED
@@ -76,10 +76,12 @@ const Field = styled.TextInput(
76
76
  }
77
77
  }) => `
78
78
  width: ${full ? "100%" : `${input.width}px`};
79
+ height: ${input.height}px;
80
+ min-height: ${input.height}px;
79
81
 
80
- padding-top: ${input.padding.top}px;
82
+ padding-top: ${input.padding.top - 2}px;
81
83
  padding-right: ${cleanable || textContentType === "password" ? ICON_SIZE + input.padding.right * 2 : input.padding.right}px;
82
- padding-bottom: ${input.padding.bottom}px;
84
+ padding-bottom: ${input.padding.bottom - 2}px;
83
85
  padding-left: ${input.padding.left}px;
84
86
 
85
87
  border-radius: ${input.border.radius}px;
@@ -157,12 +159,18 @@ const Label = styled(Animated.Text)(
157
159
  const CloseIcon = styled.View(
158
160
  ({
159
161
  theme: {
160
- yoga: { spacing }
162
+ yoga: {
163
+ spacing,
164
+ components: { input }
165
+ }
161
166
  }
162
167
  }) => `
163
168
  position: absolute;
164
169
  top: 0px;
165
170
  right: 0px;
171
+ height: ${input.height}px;
172
+ justify-content: center;
173
+ align-items: center;
166
174
 
167
175
  padding-right: ${spacing.small}px;
168
176
  padding-left: ${spacing.small}px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.131.3",
3
+ "version": "7.131.5",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "types": "./typings/index.d.ts",
@@ -45,7 +45,7 @@
45
45
  "react-phone-input-2": "^2.15.1"
46
46
  },
47
47
  "devDependencies": {
48
- "@gympass/yoga-icons": "^1.29.0",
48
+ "@gympass/yoga-icons": "^1.30.0",
49
49
  "@react-native-community/eslint-config": "^3.0.1",
50
50
  "@types/styled-components": "^5.1.34",
51
51
  "babel-plugin-inline-react-svg": "^1.1.1",
@@ -59,7 +59,7 @@
59
59
  "react-native": "0.72.3",
60
60
  "styled-components": "^4.4.0"
61
61
  },
62
- "gitHead": "cac3a7692decf6557792651831425244d769618a",
62
+ "gitHead": "72f4d8dab92b4e25f304f0866a1fea277e23e28a",
63
63
  "module": "./esm",
64
64
  "private": false,
65
65
  "react-native": "./cjs/index.native.js"