@gympass/yoga 7.112.0 → 7.113.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.
Files changed (9) hide show
  1. package/cjs/Dropdown/Dropdown.theme.js +1 -1
  2. package/cjs/Dropdown/native/Dropdown.js +1 -1
  3. package/cjs/Dropdown/native/Options.android.js +2 -2
  4. package/cjs/Theme/theme/v3theme.js +33 -0
  5. package/esm/Dropdown/Dropdown.theme.js +1 -1
  6. package/esm/Dropdown/native/Dropdown.js +1 -1
  7. package/esm/Dropdown/native/Options.android.js +2 -2
  8. package/esm/Theme/theme/v3theme.js +33 -0
  9. package/package.json +2 -2
package/cjs/Dropdown/Dropdown.theme.js CHANGED
@@ -197,7 +197,7 @@ const Dropdown = ({
197
197
  font: {
198
198
  color: colors.text.primary,
199
199
  weight: fontWeights.medium,
200
- size: fontSizes.medium
200
+ size: fontSizes.small
201
201
  }
202
202
  }
203
203
  }
package/cjs/Dropdown/native/Dropdown.js CHANGED
@@ -104,7 +104,7 @@ const Selector = import_styled_components.default.View`
104
104
  ${selected ? `border-color: ${dropdown.selected.selector.border.color};` : ""};
105
105
  `}
106
106
  `;
107
- const Label = (0, import_styled_components.default)(import_Text.default)`
107
+ const Label = (0, import_styled_components.default)(import_Text.default.Body2)`
108
108
  ${({
109
109
  disabled,
110
110
  selected,
package/cjs/Dropdown/native/Options.android.js CHANGED
@@ -57,7 +57,7 @@ const Option = (0, import_styled_components.default)(import_List.default.Item)`
57
57
  background-color: ${isSelected ? `${dropdown.hover.option.backgroundColor}` : "transparent"};
58
58
  `}
59
59
  `;
60
- const OptionText = import_styled_components.default.Text`
60
+ const OptionText = (0, import_styled_components.default)(import_Text.default.Body2)`
61
61
  ${({
62
62
  isSelected,
63
63
  theme: {
@@ -85,7 +85,7 @@ const Options = ({ options, selectedOption, onSelect }) => /* @__PURE__ */ (0, i
85
85
  OptionText,
86
86
  {
87
87
  isSelected: selectedOption && selectedOption.value === item.value,
88
- as: selectedOption && selectedOption.value === item.value ? import_Text.default.Bold : import_Text.default.Regular,
88
+ bold: selectedOption && selectedOption.value === item.value,
89
89
  children: item.label
90
90
  }
91
91
  )
package/cjs/Theme/theme/v3theme.js CHANGED
@@ -261,6 +261,39 @@ const v3theme = (0, import_themeGenerator.default)((tokens) => ({
261
261
  weight: tokens.fontWeights.medium
262
262
  }
263
263
  }
264
+ },
265
+ dropdown: {
266
+ input: {
267
+ font: {
268
+ size: tokens.fontSizes.small,
269
+ lineHeight: tokens.lineHeights.small
270
+ }
271
+ },
272
+ option: {
273
+ font: {
274
+ size: tokens.fontSizes.small,
275
+ lineHeight: tokens.lineHeights.small,
276
+ weight: tokens.fontWeights.medium
277
+ }
278
+ },
279
+ backdrop: {
280
+ content: {
281
+ title: {
282
+ font: {
283
+ weight: tokens.fontWeights.bold,
284
+ size: tokens.fontSizes.medium
285
+ }
286
+ }
287
+ }
288
+ },
289
+ selected: {
290
+ option: {
291
+ font: {
292
+ weight: tokens.fontWeights.bold,
293
+ size: tokens.fontSizes.small
294
+ }
295
+ }
296
+ }
264
297
  }
265
298
  }
266
299
  }));
package/esm/Dropdown/Dropdown.theme.js CHANGED
@@ -174,7 +174,7 @@ const Dropdown = ({
174
174
  font: {
175
175
  color: colors.text.primary,
176
176
  weight: fontWeights.medium,
177
- size: fontSizes.medium
177
+ size: fontSizes.small
178
178
  }
179
179
  }
180
180
  }
package/esm/Dropdown/native/Dropdown.js CHANGED
@@ -81,7 +81,7 @@ const Selector = styled.View`
81
81
  ${selected ? `border-color: ${dropdown.selected.selector.border.color};` : ""};
82
82
  `}
83
83
  `;
84
- const Label = styled(Text)`
84
+ const Label = styled(Text.Body2)`
85
85
  ${({
86
86
  disabled,
87
87
  selected,
package/esm/Dropdown/native/Options.android.js CHANGED
@@ -24,7 +24,7 @@ const Option = styled(List.Item)`
24
24
  background-color: ${isSelected ? `${dropdown.hover.option.backgroundColor}` : "transparent"};
25
25
  `}
26
26
  `;
27
- const OptionText = styled.Text`
27
+ const OptionText = styled(Text.Body2)`
28
28
  ${({
29
29
  isSelected,
30
30
  theme: {
@@ -52,7 +52,7 @@ const Options = ({ options, selectedOption, onSelect }) => /* @__PURE__ */ jsx(
52
52
  OptionText,
53
53
  {
54
54
  isSelected: selectedOption && selectedOption.value === item.value,
55
- as: selectedOption && selectedOption.value === item.value ? Text.Bold : Text.Regular,
55
+ bold: selectedOption && selectedOption.value === item.value,
56
56
  children: item.label
57
57
  }
58
58
  )
package/esm/Theme/theme/v3theme.js CHANGED
@@ -228,6 +228,39 @@ const v3theme = createTheme((tokens) => ({
228
228
  weight: tokens.fontWeights.medium
229
229
  }
230
230
  }
231
+ },
232
+ dropdown: {
233
+ input: {
234
+ font: {
235
+ size: tokens.fontSizes.small,
236
+ lineHeight: tokens.lineHeights.small
237
+ }
238
+ },
239
+ option: {
240
+ font: {
241
+ size: tokens.fontSizes.small,
242
+ lineHeight: tokens.lineHeights.small,
243
+ weight: tokens.fontWeights.medium
244
+ }
245
+ },
246
+ backdrop: {
247
+ content: {
248
+ title: {
249
+ font: {
250
+ weight: tokens.fontWeights.bold,
251
+ size: tokens.fontSizes.medium
252
+ }
253
+ }
254
+ }
255
+ },
256
+ selected: {
257
+ option: {
258
+ font: {
259
+ weight: tokens.fontWeights.bold,
260
+ size: tokens.fontSizes.small
261
+ }
262
+ }
263
+ }
231
264
  }
232
265
  }
233
266
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.112.0",
3
+ "version": "7.113.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "types": "./typings/index.d.ts",
@@ -57,7 +57,7 @@
57
57
  "react-native": "0.72.3",
58
58
  "styled-components": "^4.4.0"
59
59
  },
60
- "gitHead": "6783f61068382aa85f5b1899c3f49da092123246",
60
+ "gitHead": "4e633d4c26ba8948f69ac53f785e4210e2e82db8",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"