@gympass/yoga 7.92.0 → 7.92.1

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.
@@ -82,7 +82,7 @@ const Wrapper = import_styled_components.default.View`
82
82
 
83
83
  border-style: solid;
84
84
  border-color: ${import_Theme.theme.colors.elements.lineAndBorders};
85
- border-radius: ${import_Theme.theme.radii.small}px;
85
+ border-radius: ${import_Theme.theme.radii.circle}px;
86
86
  border-width: ${import_Theme.theme.borders.small}px;
87
87
 
88
88
  background-color: ${import_Theme.theme.colors.white};
@@ -97,7 +97,7 @@ const Wrapper = import_styled_components.default.View`
97
97
  ` : ""}
98
98
 
99
99
  ${({ selected }) => selected ? import_styled_components.css`
100
- background-color: ${import_Theme.theme.colors.yoga};
100
+ background-color: ${import_Theme.theme.colors.secondary};
101
101
  border-color: transparent;
102
102
  ` : ""}
103
103
  `;
@@ -108,7 +108,7 @@ const StyledChips = (0, import_styled_components.default)(import_Text.default)`
108
108
  flex-shrink: 1;
109
109
 
110
110
  ${({ selected }) => selected ? import_styled_components.css`
111
- color: ${import_Theme.theme.colors.primary};
111
+ color: ${import_Theme.theme.colors.white};
112
112
  ` : ""}
113
113
  `;
114
114
  const Chips = import_react.default.forwardRef(
@@ -147,7 +147,7 @@ const Chips = import_react.default.forwardRef(
147
147
  import_Icon.default,
148
148
  {
149
149
  as: SecondIcon,
150
- fill: selected ? "primary" : "secondary",
150
+ fill: selected ? "white" : "secondary",
151
151
  width: "small",
152
152
  height: "small",
153
153
  style: {
@@ -169,7 +169,7 @@ const Chips = import_react.default.forwardRef(
169
169
  import_Icon.default,
170
170
  {
171
171
  as: FirstIcon,
172
- fill: selected ? "primary" : "secondary",
172
+ fill: selected ? "white" : "secondary",
173
173
  width: "small",
174
174
  height: "small",
175
175
  style: {
@@ -50,12 +50,12 @@ const Wrapper = (0, import_styled_components.default)(import_Text.default.Medium
50
50
  padding-left: 5px;
51
51
  margin-left: ${import_Theme.theme.spacing.xxxsmall}px;
52
52
 
53
- color: ${import_Theme.theme.colors.white};
53
+ color: ${import_Theme.theme.colors.stamina};
54
54
  font-size: ${import_Theme.theme.fontSizes.xsmall}px;
55
55
  line-height: ${import_Theme.theme.lineHeights.xsmall}px;
56
56
 
57
57
  border-radius: ${import_Theme.theme.radii.small}px;
58
- background-color: ${import_Theme.theme.colors.primary};
58
+ background-color: ${import_Theme.theme.colors.white};
59
59
 
60
60
  overflow: hidden;
61
61
  `;
@@ -104,7 +104,7 @@ const Wrapper = import_styled_components.default.button`
104
104
 
105
105
  padding: ${spacing.xxsmall}px;
106
106
 
107
- border-radius: ${radii.small}px;
107
+ border-radius: ${radii.circle}px;
108
108
  border-width: ${borders.small}px;
109
109
 
110
110
  font-family: ${baseFont.family};
@@ -132,15 +132,15 @@ const Wrapper = import_styled_components.default.button`
132
132
  return `
133
133
  ${commonStyles}
134
134
 
135
- background-color: ${colors.yoga};
136
- color: ${colors.primary};
135
+ background-color: ${colors.secondary};
136
+ color: ${colors.white};
137
137
 
138
138
  border-color: transparent;
139
139
 
140
140
  font-weight: ${fontWeights.medium};
141
141
 
142
142
  &:hover:enabled {
143
- border-color: ${colors.primary};
143
+ border-color: ${colors.secondary};
144
144
  }
145
145
  `;
146
146
  }
@@ -203,7 +203,7 @@ const Chips = import_react.default.forwardRef(
203
203
  import_Icon.default,
204
204
  {
205
205
  as: SecondIcon,
206
- fill: selected ? "primary" : "secondary",
206
+ fill: selected ? "white" : "secondary",
207
207
  width: "small",
208
208
  height: "small",
209
209
  style: {
@@ -217,7 +217,7 @@ const Chips = import_react.default.forwardRef(
217
217
  import_Icon.default,
218
218
  {
219
219
  as: FirstIcon,
220
- fill: selected ? "primary" : "secondary",
220
+ fill: selected ? "white" : "secondary",
221
221
  width: "small",
222
222
  height: "small",
223
223
  style: {
@@ -49,13 +49,13 @@ const Wrapper = import_styled_components.default.span`
49
49
  padding-left: 5px;
50
50
  margin-left: ${import_Theme.theme.spacing.xxxsmall}px;
51
51
 
52
- color: ${import_Theme.theme.colors.white};
52
+ color: ${import_Theme.theme.colors.secondary};
53
53
  font-size: ${import_Theme.theme.fontSizes.xsmall}px;
54
54
  line-height: ${import_Theme.theme.lineHeights.xsmall}px;
55
55
  font-weight: ${import_Theme.theme.fontWeights.medium}px;
56
56
 
57
57
  border-radius: ${import_Theme.theme.radii.small}px;
58
- background-color: ${import_Theme.theme.colors.primary};
58
+ background-color: ${import_Theme.theme.colors.white};
59
59
  `;
60
60
  const Counter = ({ value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: Number(value) > 999 ? "+999" : value });
61
61
  Counter.propTypes = {
@@ -51,7 +51,7 @@ const Wrapper = styled.View`
51
51
 
52
52
  border-style: solid;
53
53
  border-color: ${theme.colors.elements.lineAndBorders};
54
- border-radius: ${theme.radii.small}px;
54
+ border-radius: ${theme.radii.circle}px;
55
55
  border-width: ${theme.borders.small}px;
56
56
 
57
57
  background-color: ${theme.colors.white};
@@ -66,7 +66,7 @@ const Wrapper = styled.View`
66
66
  ` : ""}
67
67
 
68
68
  ${({ selected }) => selected ? css`
69
- background-color: ${theme.colors.yoga};
69
+ background-color: ${theme.colors.secondary};
70
70
  border-color: transparent;
71
71
  ` : ""}
72
72
  `;
@@ -77,7 +77,7 @@ const StyledChips = styled(Text)`
77
77
  flex-shrink: 1;
78
78
 
79
79
  ${({ selected }) => selected ? css`
80
- color: ${theme.colors.primary};
80
+ color: ${theme.colors.white};
81
81
  ` : ""}
82
82
  `;
83
83
  const Chips = React.forwardRef(
@@ -116,7 +116,7 @@ const Chips = React.forwardRef(
116
116
  Icon,
117
117
  {
118
118
  as: SecondIcon,
119
- fill: selected ? "primary" : "secondary",
119
+ fill: selected ? "white" : "secondary",
120
120
  width: "small",
121
121
  height: "small",
122
122
  style: {
@@ -138,7 +138,7 @@ const Chips = React.forwardRef(
138
138
  Icon,
139
139
  {
140
140
  as: FirstIcon,
141
- fill: selected ? "primary" : "secondary",
141
+ fill: selected ? "white" : "secondary",
142
142
  width: "small",
143
143
  height: "small",
144
144
  style: {
@@ -17,12 +17,12 @@ const Wrapper = styled(Text.Medium)`
17
17
  padding-left: 5px;
18
18
  margin-left: ${theme.spacing.xxxsmall}px;
19
19
 
20
- color: ${theme.colors.white};
20
+ color: ${theme.colors.stamina};
21
21
  font-size: ${theme.fontSizes.xsmall}px;
22
22
  line-height: ${theme.lineHeights.xsmall}px;
23
23
 
24
24
  border-radius: ${theme.radii.small}px;
25
- background-color: ${theme.colors.primary};
25
+ background-color: ${theme.colors.white};
26
26
 
27
27
  overflow: hidden;
28
28
  `;
@@ -73,7 +73,7 @@ const Wrapper = styled.button`
73
73
 
74
74
  padding: ${spacing.xxsmall}px;
75
75
 
76
- border-radius: ${radii.small}px;
76
+ border-radius: ${radii.circle}px;
77
77
  border-width: ${borders.small}px;
78
78
 
79
79
  font-family: ${baseFont.family};
@@ -101,15 +101,15 @@ const Wrapper = styled.button`
101
101
  return `
102
102
  ${commonStyles}
103
103
 
104
- background-color: ${colors.yoga};
105
- color: ${colors.primary};
104
+ background-color: ${colors.secondary};
105
+ color: ${colors.white};
106
106
 
107
107
  border-color: transparent;
108
108
 
109
109
  font-weight: ${fontWeights.medium};
110
110
 
111
111
  &:hover:enabled {
112
- border-color: ${colors.primary};
112
+ border-color: ${colors.secondary};
113
113
  }
114
114
  `;
115
115
  }
@@ -172,7 +172,7 @@ const Chips = React.forwardRef(
172
172
  Icon,
173
173
  {
174
174
  as: SecondIcon,
175
- fill: selected ? "primary" : "secondary",
175
+ fill: selected ? "white" : "secondary",
176
176
  width: "small",
177
177
  height: "small",
178
178
  style: {
@@ -186,7 +186,7 @@ const Chips = React.forwardRef(
186
186
  Icon,
187
187
  {
188
188
  as: FirstIcon,
189
- fill: selected ? "primary" : "secondary",
189
+ fill: selected ? "white" : "secondary",
190
190
  width: "small",
191
191
  height: "small",
192
192
  style: {
@@ -16,13 +16,13 @@ const Wrapper = styled.span`
16
16
  padding-left: 5px;
17
17
  margin-left: ${theme.spacing.xxxsmall}px;
18
18
 
19
- color: ${theme.colors.white};
19
+ color: ${theme.colors.secondary};
20
20
  font-size: ${theme.fontSizes.xsmall}px;
21
21
  line-height: ${theme.lineHeights.xsmall}px;
22
22
  font-weight: ${theme.fontWeights.medium}px;
23
23
 
24
24
  border-radius: ${theme.radii.small}px;
25
- background-color: ${theme.colors.primary};
25
+ background-color: ${theme.colors.white};
26
26
  `;
27
27
  const Counter = ({ value }) => /* @__PURE__ */ jsx(Wrapper, { children: Number(value) > 999 ? "+999" : value });
28
28
  Counter.propTypes = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.92.0",
3
+ "version": "7.92.1",
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": "d3d44375e5ab0b126e8df60bd41618494f10e935",
60
+ "gitHead": "f1c170776e5171c589716b91f604c9e60329e62d",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"