@gympass/yoga 7.41.1 → 7.42.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.
@@ -65,17 +65,22 @@ var TagInformative = function TagInformative(_ref2) {
65
65
  };
66
66
 
67
67
  TagInformative.propTypes = {
68
- /** style the tag following the theme (success, informative, attention) */
69
- variant: (0, _propTypes.oneOf)(['success', 'informative', 'attention']).isRequired,
68
+ /** Values: neutral, success, informative, attention */
69
+ variant: (0, _propTypes.oneOf)(['neutral', 'success', 'informative', 'attention']),
70
+
71
+ /** Icon reference from our library */
70
72
  icon: _propTypes.func,
73
+
74
+ /** The tag's content */
71
75
  children: _propTypes.node.isRequired,
72
76
 
73
- /** Can send small to use this variant */
77
+ /** The tag's size */
74
78
  small: _propTypes.bool
75
79
  };
76
80
  TagInformative.defaultProps = {
77
81
  icon: undefined,
78
- small: false
82
+ small: false,
83
+ variant: 'neutral'
79
84
  };
80
85
  TagInformative.displayName = 'Tag.Informative';
81
86
 
@@ -140,7 +140,8 @@ var theme = function theme(tokens) {
140
140
  feedback: {
141
141
  success: [tokens.colors.success, tokens.colors.hope],
142
142
  informative: [tokens.colors.neutral, tokens.colors.relax],
143
- attention: [tokens.colors.attention, tokens.colors.verve]
143
+ attention: [tokens.colors.attention, tokens.colors.verve],
144
+ neutral: [tokens.colors.light, tokens.colors.medium]
144
145
  },
145
146
  text: {
146
147
  primary: tokens.colors.stamina,
@@ -163,6 +164,9 @@ var theme = function theme(tokens) {
163
164
  var _colors$feedback$atte = colors.feedback.attention;
164
165
  colors.feedback.attention.light = _colors$feedback$atte[0];
165
166
  colors.feedback.attention.dark = _colors$feedback$atte[1];
167
+ var _colors$feedback$neut = colors.feedback.neutral;
168
+ colors.feedback.neutral.light = _colors$feedback$neut[0];
169
+ colors.feedback.neutral.dark = _colors$feedback$neut[1];
166
170
  return _extends({}, tokens, {
167
171
  colors: colors,
168
172
  baseFont: baseFont,
@@ -48,17 +48,22 @@ var TagInformative = function TagInformative(_ref2) {
48
48
  };
49
49
 
50
50
  TagInformative.propTypes = {
51
- /** style the tag following the theme (success, informative, attention) */
52
- variant: oneOf(['success', 'informative', 'attention']).isRequired,
51
+ /** Values: neutral, success, informative, attention */
52
+ variant: oneOf(['neutral', 'success', 'informative', 'attention']),
53
+
54
+ /** Icon reference from our library */
53
55
  icon: func,
56
+
57
+ /** The tag's content */
54
58
  children: node.isRequired,
55
59
 
56
- /** Can send small to use this variant */
60
+ /** The tag's size */
57
61
  small: bool
58
62
  };
59
63
  TagInformative.defaultProps = {
60
64
  icon: undefined,
61
- small: false
65
+ small: false,
66
+ variant: 'neutral'
62
67
  };
63
68
  TagInformative.displayName = 'Tag.Informative';
64
69
  export default withTheme(TagInformative);
@@ -102,7 +102,8 @@ var theme = function theme(tokens) {
102
102
  feedback: {
103
103
  success: [tokens.colors.success, tokens.colors.hope],
104
104
  informative: [tokens.colors.neutral, tokens.colors.relax],
105
- attention: [tokens.colors.attention, tokens.colors.verve]
105
+ attention: [tokens.colors.attention, tokens.colors.verve],
106
+ neutral: [tokens.colors.light, tokens.colors.medium]
106
107
  },
107
108
  text: {
108
109
  primary: tokens.colors.stamina,
@@ -125,6 +126,9 @@ var theme = function theme(tokens) {
125
126
  var _colors$feedback$atte = colors.feedback.attention;
126
127
  colors.feedback.attention.light = _colors$feedback$atte[0];
127
128
  colors.feedback.attention.dark = _colors$feedback$atte[1];
129
+ var _colors$feedback$neut = colors.feedback.neutral;
130
+ colors.feedback.neutral.light = _colors$feedback$neut[0];
131
+ colors.feedback.neutral.dark = _colors$feedback$neut[1];
128
132
  return _extends({}, tokens, {
129
133
  colors: colors,
130
134
  baseFont: baseFont,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.41.1",
3
+ "version": "7.42.1",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@gympass/yoga-common": "^1.1.1",
29
29
  "@gympass/yoga-helpers": "^1.0.3",
30
- "@gympass/yoga-icons": "^1.4.2",
30
+ "@gympass/yoga-icons": "^1.5.0",
31
31
  "@gympass/yoga-system": "^0.10.2",
32
32
  "@gympass/yoga-tokens": "^3.1.4",
33
33
  "@ptomasroos/react-native-multi-slider": "^1.0.0",
@@ -50,7 +50,7 @@
50
50
  "react": ">=16",
51
51
  "styled-components": "^4.4.0"
52
52
  },
53
- "gitHead": "bd1d2ba8103093c7e7179bacfb4448ce4bef60ab",
53
+ "gitHead": "d7aab1c396b2ee1e764a011a4c754916b3cae98f",
54
54
  "module": "./esm",
55
55
  "private": false,
56
56
  "react-native": "./cjs/index.native.js"