@gympass/yoga 7.26.3 → 7.26.4

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 (3) hide show
  1. package/cjs/Progress/web/Progress.js +5 -3
  2. package/esm/Progress/web/Progress.js +5 -3
  3. package/package.json +2 -2
package/cjs/Progress/web/Progress.js CHANGED
@@ -34,15 +34,17 @@ var ProgressBar = _styledComponents["default"].progress(_templateObject || (_tem
34
34
  });
35
35
 
36
36
  var Label = _styledComponents["default"].label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
37
- var progress = _ref2.theme.yoga.components.progress;
38
- return "\n font-size: " + progress.label.font.size + "px;\n letter-spacing: normal;\n";
37
+ var _ref2$theme$yoga = _ref2.theme.yoga,
38
+ progress = _ref2$theme$yoga.components.progress,
39
+ text = _ref2$theme$yoga.colors.text;
40
+ return "\n color: " + text.secondary + ";\n font-size: " + progress.label.font.size + "px;\n letter-spacing: normal;\n";
39
41
  });
40
42
 
41
43
  var Wrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n width: 100%;\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function (_ref3) {
42
44
  var isNumber = _ref3.isNumber,
43
45
  align = _ref3.align,
44
46
  spacing = _ref3.theme.yoga.spacing;
45
- return "\n " + (isNumber ? "\n " + Label + " {\n width: 22px;\n\n margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n }\n\n " + ProgressBar + " {\n margin: auto;\n }\n " : "\n flex-direction: column;\n\n " + Label + " {\n max-width: 280px;\n\n margin-top: " + spacing.xxxsmall + "px;\n }\n ") + "\n\n " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n ";
47
+ return "\n " + (isNumber ? "\n " + Label + " {\n width: 22px;\n\n margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n }\n\n " + ProgressBar + " {\n margin: auto;\n }\n " : "\n flex-direction: column;\n\n " + Label + " {\n max-width: 280px;\n\n margin-top: " + spacing.xxsmall + "px;\n }\n ") + "\n\n " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n ";
46
48
  }, _yogaSystem.backgroundColor, _yogaSystem.borders, _yogaSystem.elevation, _yogaSystem.positions, _yogaSystem.display, _yogaSystem.spacing);
47
49
 
48
50
  Wrapper.propTypes = {
package/esm/Progress/web/Progress.js CHANGED
@@ -21,14 +21,16 @@ var ProgressBar = styled.progress(_templateObject || (_templateObject = _taggedT
21
21
  return "\n height: " + progress.height + "px;\n\n &&,\n &::-webkit-progress-value,\n &[value]::-webkit-progress-bar,\n &:not(value)::-webkit-progress-bar {\n border-radius: " + progress.border.radius + "px;\n }\n\n &:not(value)::-moz-progress-bar,\n &[value]::-moz-progress-bar {\n border-radius: " + progress.border.radius + "px;\n }\n\n &:not(value)::-webkit-progress-bar {\n background-color: " + progress.backgroundColor.bar + ";\n }\n\n &::-webkit-progress-value {\n background-color: " + color + ";\n }\n\n &&,\n &:not(value)::-moz-progress-bar {\n background-color: " + progress.backgroundColor.bar + ";\n }\n\n &[value]::-moz-progress-bar {\n background-color: " + color + ";\n }\n";
22
22
  });
23
23
  var Label = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
24
- var progress = _ref2.theme.yoga.components.progress;
25
- return "\n font-size: " + progress.label.font.size + "px;\n letter-spacing: normal;\n";
24
+ var _ref2$theme$yoga = _ref2.theme.yoga,
25
+ progress = _ref2$theme$yoga.components.progress,
26
+ text = _ref2$theme$yoga.colors.text;
27
+ return "\n color: " + text.secondary + ";\n font-size: " + progress.label.font.size + "px;\n letter-spacing: normal;\n";
26
28
  });
27
29
  var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n width: 100%;\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function (_ref3) {
28
30
  var isNumber = _ref3.isNumber,
29
31
  align = _ref3.align,
30
32
  spacing = _ref3.theme.yoga.spacing;
31
- return "\n " + (isNumber ? "\n " + Label + " {\n width: 22px;\n\n margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n }\n\n " + ProgressBar + " {\n margin: auto;\n }\n " : "\n flex-direction: column;\n\n " + Label + " {\n max-width: 280px;\n\n margin-top: " + spacing.xxxsmall + "px;\n }\n ") + "\n\n " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n ";
33
+ return "\n " + (isNumber ? "\n " + Label + " {\n width: 22px;\n\n margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n }\n\n " + ProgressBar + " {\n margin: auto;\n }\n " : "\n flex-direction: column;\n\n " + Label + " {\n max-width: 280px;\n\n margin-top: " + spacing.xxsmall + "px;\n }\n ") + "\n\n " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n ";
32
34
  }, backgroundColor, borders, elevation, positions, display, systemSpacing);
33
35
  Wrapper.propTypes = {
34
36
  align: oneOf(['left', 'right']),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.26.3",
3
+ "version": "7.26.4",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -49,7 +49,7 @@
49
49
  "react": ">=16",
50
50
  "styled-components": "^4.4.0"
51
51
  },
52
- "gitHead": "0b46cb71ea8edc0ba69fd2398198fd093bb5a2e9",
52
+ "gitHead": "eeb9e217af0e65ea9668fa2662ff980de974e3f7",
53
53
  "module": "./esm",
54
54
  "private": false,
55
55
  "react-native": "./cjs/index.native.js"