@gympass/yoga 7.111.1 → 7.112.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 (7) hide show
  1. package/cjs/Stepper/Stepper.theme.js +4 -8
  2. package/cjs/Stepper/native/Dots.js +2 -3
  3. package/cjs/Stepper/web/Dots.js +4 -14
  4. package/esm/Stepper/Stepper.theme.js +4 -8
  5. package/esm/Stepper/native/Dots.js +2 -3
  6. package/esm/Stepper/web/Dots.js +5 -15
  7. package/package.json +2 -2
package/cjs/Stepper/Stepper.theme.js CHANGED
@@ -21,7 +21,7 @@ __export(Stepper_theme_exports, {
21
21
  default: () => Stepper_theme_default
22
22
  });
23
23
  module.exports = __toCommonJS(Stepper_theme_exports);
24
- const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
24
+ const Stepper = ({ colors, spacing, radii }) => ({
25
25
  padding: {
26
26
  left: spacing.xxlarge,
27
27
  right: spacing.xxlarge
@@ -30,7 +30,7 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
30
30
  backgroundColor: {
31
31
  active: colors.primary,
32
32
  inactive: colors.elements.backgroundAndDisabled,
33
- secondary: colors.medium
33
+ secondary: colors.secondary
34
34
  }
35
35
  },
36
36
  dot: {
@@ -38,18 +38,14 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
38
38
  backgroundColor: {
39
39
  active: colors.primary,
40
40
  inactive: colors.elements.backgroundAndDisabled,
41
- secondary: colors.medium
41
+ secondary: colors.secondary
42
42
  }
43
43
  },
44
44
  label: {
45
- font: {
46
- weight: fontWeights.bold,
47
- size: fontSizes.xsmall
48
- },
49
45
  color: {
50
46
  active: colors.primary,
51
47
  inactive: colors.elements.selectionAndIcons,
52
- secondary: colors.medium
48
+ secondary: colors.secondary
53
49
  }
54
50
  }
55
51
  });
package/cjs/Stepper/native/Dots.js CHANGED
@@ -32,8 +32,8 @@ __export(Dots_exports, {
32
32
  });
33
33
  module.exports = __toCommonJS(Dots_exports);
34
34
  var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_prop_types = require("prop-types");
36
35
  var import_react = __toESM(require("react"));
36
+ var import_prop_types = require("prop-types");
37
37
  var import_styled_components = __toESM(require("styled-components"));
38
38
  var import_Text = __toESM(require("../../Text"));
39
39
  var import_activeDot = __toESM(require("../activeDot"));
@@ -65,7 +65,7 @@ const Dot = import_styled_components.default.View(
65
65
  `;
66
66
  }
67
67
  );
68
- const Label = (0, import_styled_components.default)(import_Text.default.Bold)(
68
+ const Label = (0, import_styled_components.default)(import_Text.default.Overline)(
69
69
  ({
70
70
  active,
71
71
  secondary,
@@ -81,7 +81,6 @@ const Label = (0, import_styled_components.default)(import_Text.default.Bold)(
81
81
  margin-top: 10px;
82
82
  margin-left: -40px;
83
83
  color: ${active ? stepper.label.color[state] : stepper.label.color.inactive};
84
- font-size: ${stepper.label.font.size}px;
85
84
  text-align: center;
86
85
  `;
87
86
  }
package/cjs/Stepper/web/Dots.js CHANGED
@@ -35,8 +35,8 @@ 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_styled_components = __toESM(require("styled-components"));
38
- var import_activeDot = __toESM(require("../activeDot"));
39
38
  var import_Text = __toESM(require("../../Text"));
39
+ var import_activeDot = __toESM(require("../activeDot"));
40
40
  const Dot = import_styled_components.default.div`
41
41
  ${({
42
42
  theme: {
@@ -51,20 +51,10 @@ const Dot = import_styled_components.default.div`
51
51
  border-radius: ${stepper.dot.radius}px;
52
52
  `}
53
53
  `;
54
- const Label = (0, import_styled_components.default)(import_Text.default.Bold)`
55
- ${({
56
- theme: {
57
- yoga: {
58
- components: { stepper }
59
- }
60
- }
61
- }) => import_styled_components.css`
62
- width: 95px;
54
+ const Label = (0, import_styled_components.default)(import_Text.default.Overline)`
55
+ width: 95px;
63
56
 
64
- font-size: ${stepper.label.font.size}px;
65
-
66
- transform: translateX(-50%);
67
- `}
57
+ transform: translateX(-50%);
68
58
  `;
69
59
  const DotWrapper = import_styled_components.default.div`
70
60
  ${({
package/esm/Stepper/Stepper.theme.js CHANGED
@@ -1,4 +1,4 @@
1
- const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
1
+ const Stepper = ({ colors, spacing, radii }) => ({
2
2
  padding: {
3
3
  left: spacing.xxlarge,
4
4
  right: spacing.xxlarge
@@ -7,7 +7,7 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
7
7
  backgroundColor: {
8
8
  active: colors.primary,
9
9
  inactive: colors.elements.backgroundAndDisabled,
10
- secondary: colors.medium
10
+ secondary: colors.secondary
11
11
  }
12
12
  },
13
13
  dot: {
@@ -15,18 +15,14 @@ const Stepper = ({ colors, spacing, fontSizes, fontWeights, radii }) => ({
15
15
  backgroundColor: {
16
16
  active: colors.primary,
17
17
  inactive: colors.elements.backgroundAndDisabled,
18
- secondary: colors.medium
18
+ secondary: colors.secondary
19
19
  }
20
20
  },
21
21
  label: {
22
- font: {
23
- weight: fontWeights.bold,
24
- size: fontSizes.xsmall
25
- },
26
22
  color: {
27
23
  active: colors.primary,
28
24
  inactive: colors.elements.selectionAndIcons,
29
- secondary: colors.medium
25
+ secondary: colors.secondary
30
26
  }
31
27
  }
32
28
  });
package/esm/Stepper/native/Dots.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { arrayOf, bool, number, string } from "prop-types";
3
2
  import React from "react";
3
+ import { arrayOf, bool, number, string } from "prop-types";
4
4
  import styled, { css } from "styled-components";
5
5
  import Text from "../../Text";
6
6
  import activeDot from "../activeDot";
@@ -32,7 +32,7 @@ const Dot = styled.View(
32
32
  `;
33
33
  }
34
34
  );
35
- const Label = styled(Text.Bold)(
35
+ const Label = styled(Text.Overline)(
36
36
  ({
37
37
  active,
38
38
  secondary,
@@ -48,7 +48,6 @@ const Label = styled(Text.Bold)(
48
48
  margin-top: 10px;
49
49
  margin-left: -40px;
50
50
  color: ${active ? stepper.label.color[state] : stepper.label.color.inactive};
51
- font-size: ${stepper.label.font.size}px;
52
51
  text-align: center;
53
52
  `;
54
53
  }
package/esm/Stepper/web/Dots.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import React from "react";
3
- import { number, arrayOf, string, bool } from "prop-types";
3
+ import { arrayOf, bool, number, string } from "prop-types";
4
4
  import styled, { css } from "styled-components";
5
- import activeDot from "../activeDot";
6
5
  import Text from "../../Text";
6
+ import activeDot from "../activeDot";
7
7
  const Dot = styled.div`
8
8
  ${({
9
9
  theme: {
@@ -18,20 +18,10 @@ const Dot = styled.div`
18
18
  border-radius: ${stepper.dot.radius}px;
19
19
  `}
20
20
  `;
21
- const Label = styled(Text.Bold)`
22
- ${({
23
- theme: {
24
- yoga: {
25
- components: { stepper }
26
- }
27
- }
28
- }) => css`
29
- width: 95px;
21
+ const Label = styled(Text.Overline)`
22
+ width: 95px;
30
23
 
31
- font-size: ${stepper.label.font.size}px;
32
-
33
- transform: translateX(-50%);
34
- `}
24
+ transform: translateX(-50%);
35
25
  `;
36
26
  const DotWrapper = styled.div`
37
27
  ${({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.111.1",
3
+ "version": "7.112.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": "e892002f014e3951eeaf192df5c22afeaa1d1721",
60
+ "gitHead": "6783f61068382aa85f5b1899c3f49da092123246",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"