@gympass/yoga 7.114.28 → 7.114.30

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.
@@ -35,6 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
35
35
  var import_react = __toESM(require("react"));
36
36
  var import_prop_types = require("prop-types");
37
37
  var import_Text = __toESM(require("../../../Text"));
38
+ var import_Box = __toESM(require("../../../Box"));
38
39
  var import_Attendances = __toESM(require("../Attendances"));
39
40
  var import_Badge = __toESM(require("../Badge"));
40
41
  var import_styles = require("./styles");
@@ -59,23 +60,31 @@ const Result = ({
59
60
  color: attendancesColor
60
61
  }
61
62
  ),
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.TitleAndBadgeContainer, { children: [
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body1, { numberOfLines: 1, bold: true, children: title }),
64
- badgeIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
65
- import_Badge.default,
66
- {
67
- icon: badgeIcon,
68
- fill: "text.primary",
69
- ml: "xxxsmall",
70
- bg: "neon",
71
- justifyContent: "center",
72
- alignItems: "center",
73
- borderRadius: "circle",
74
- w: "small",
75
- h: "small"
76
- }
77
- )
78
- ] }),
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
64
+ import_Box.default,
65
+ {
66
+ flexDirection: "row",
67
+ alignItems: "center",
68
+ marginRight: badgeIcon ? "small" : "zero",
69
+ children: [
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body1, { numberOfLines: 1, bold: true, children: title }),
71
+ badgeIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
+ import_Badge.default,
73
+ {
74
+ icon: badgeIcon,
75
+ fill: "text.primary",
76
+ ml: "xxxsmall",
77
+ bg: "neon",
78
+ justifyContent: "center",
79
+ alignItems: "center",
80
+ borderRadius: "circle",
81
+ w: "small",
82
+ h: "small"
83
+ }
84
+ )
85
+ ]
86
+ }
87
+ ),
79
88
  subTitle && subTitle !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body2, { numberOfLines: 1, color: "deep", children: subTitle }),
80
89
  children
81
90
  ] })
@@ -29,8 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
29
29
  var styles_exports = {};
30
30
  __export(styles_exports, {
31
31
  Content: () => Content,
32
- StyledBox: () => StyledBox,
33
- TitleAndBadgeContainer: () => TitleAndBadgeContainer
32
+ StyledBox: () => StyledBox
34
33
  });
35
34
  module.exports = __toCommonJS(styles_exports);
36
35
  var import_styled_components = __toESM(require("styled-components"));
@@ -63,13 +62,8 @@ const Content = import_styled_components.default.View`
63
62
  `;
64
63
  }}
65
64
  `;
66
- const TitleAndBadgeContainer = (0, import_styled_components.default)(import_Box.default)`
67
- flex-direction: row;
68
- align-items: center;
69
- `;
70
65
  // Annotate the CommonJS export names for ESM import in node:
71
66
  0 && (module.exports = {
72
67
  Content,
73
- StyledBox,
74
- TitleAndBadgeContainer
68
+ StyledBox
75
69
  });
@@ -2,9 +2,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import React, { isValidElement } from "react";
3
3
  import { arrayOf, string, shape, func, bool, node } from "prop-types";
4
4
  import Text from "../../../Text";
5
+ import Box from "../../../Box";
5
6
  import Attendances from "../Attendances";
6
7
  import Badge from "../Badge";
7
- import { Content, StyledBox, TitleAndBadgeContainer } from "./styles";
8
+ import { Content, StyledBox } from "./styles";
8
9
  const Result = ({
9
10
  avatar: Avatar,
10
11
  attendances,
@@ -26,23 +27,31 @@ const Result = ({
26
27
  color: attendancesColor
27
28
  }
28
29
  ),
29
- /* @__PURE__ */ jsxs(TitleAndBadgeContainer, { children: [
30
- /* @__PURE__ */ jsx(Text.Body1, { numberOfLines: 1, bold: true, children: title }),
31
- badgeIcon && /* @__PURE__ */ jsx(
32
- Badge,
33
- {
34
- icon: badgeIcon,
35
- fill: "text.primary",
36
- ml: "xxxsmall",
37
- bg: "neon",
38
- justifyContent: "center",
39
- alignItems: "center",
40
- borderRadius: "circle",
41
- w: "small",
42
- h: "small"
43
- }
44
- )
45
- ] }),
30
+ /* @__PURE__ */ jsxs(
31
+ Box,
32
+ {
33
+ flexDirection: "row",
34
+ alignItems: "center",
35
+ marginRight: badgeIcon ? "small" : "zero",
36
+ children: [
37
+ /* @__PURE__ */ jsx(Text.Body1, { numberOfLines: 1, bold: true, children: title }),
38
+ badgeIcon && /* @__PURE__ */ jsx(
39
+ Badge,
40
+ {
41
+ icon: badgeIcon,
42
+ fill: "text.primary",
43
+ ml: "xxxsmall",
44
+ bg: "neon",
45
+ justifyContent: "center",
46
+ alignItems: "center",
47
+ borderRadius: "circle",
48
+ w: "small",
49
+ h: "small"
50
+ }
51
+ )
52
+ ]
53
+ }
54
+ ),
46
55
  subTitle && subTitle !== "" && /* @__PURE__ */ jsx(Text.Body2, { numberOfLines: 1, color: "deep", children: subTitle }),
47
56
  children
48
57
  ] })
@@ -28,12 +28,7 @@ const Content = styled.View`
28
28
  `;
29
29
  }}
30
30
  `;
31
- const TitleAndBadgeContainer = styled(Box)`
32
- flex-direction: row;
33
- align-items: center;
34
- `;
35
31
  export {
36
32
  Content,
37
- StyledBox,
38
- TitleAndBadgeContainer
33
+ StyledBox
39
34
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.114.28",
3
+ "version": "7.114.30",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "types": "./typings/index.d.ts",
@@ -30,7 +30,7 @@
30
30
  "@gympass/yoga-helpers": "^1.1.1",
31
31
  "@gympass/yoga-icons": "^1.23.1",
32
32
  "@gympass/yoga-illustrations": "^0.7.1",
33
- "@gympass/yoga-system": "^0.20.0",
33
+ "@gympass/yoga-system": "^0.21.0",
34
34
  "@gympass/yoga-tokens": "^3.6.1",
35
35
  "@ptomasroos/react-native-multi-slider": "^2.1.1",
36
36
  "@radix-ui/react-dropdown-menu": "^2.0.1",
@@ -57,7 +57,7 @@
57
57
  "react-native": "0.72.3",
58
58
  "styled-components": "^4.4.0"
59
59
  },
60
- "gitHead": "f94d408efa27f0c9169c17b6e91c19fe259f88eb",
60
+ "gitHead": "50b768887052681dd65ce8a142b4fb1abb1c5298",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"