@wireapp/react-ui-kit 9.3.3 → 9.3.5

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 (11) hide show
  1. package/lib/Form/Input.js +1 -1
  2. package/lib/Form/RangeInput.styles.js +1 -1
  3. package/lib/Form/SelectStyles.js +1 -1
  4. package/lib/Form/TextArea.js +1 -1
  5. package/lib/GlobalStyle.js +1 -1
  6. package/lib/Identity/Avatar.js +1 -1
  7. package/lib/Layout/headerMenu/MenuLink.js +1 -1
  8. package/lib/Layout/headerMenu/MenuSubLink.js +1 -1
  9. package/lib/Text/Heading.js +2 -2
  10. package/lib/Text/Text.js +1 -1
  11. package/package.json +3 -3
package/lib/Form/Input.js CHANGED
@@ -86,7 +86,7 @@ const inputStyle = (theme, { markInvalid = false, placeholderTextTransform = 'no
86
86
  boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.Select.borderColor}`,
87
87
  caretColor: theme.general.primaryColor,
88
88
  color: theme.general.color,
89
- fontWeight: 300,
89
+ fontWeight: 400,
90
90
  height: '48px',
91
91
  lineHeight: '1.5rem',
92
92
  outline: 'none',
package/lib/Form/RangeInput.styles.js CHANGED
@@ -52,7 +52,7 @@ const getValueLabelStyles = (theme, position) => ({
52
52
  pointerEvents: 'none',
53
53
  bottom: '100%',
54
54
  fontSize: theme.fontSizes.base,
55
- fontWeight: 300,
55
+ fontWeight: 400,
56
56
  position: 'absolute',
57
57
  [position]: '4px',
58
58
  });
package/lib/Form/SelectStyles.js CHANGED
@@ -64,7 +64,7 @@ const customStyles = (theme, markInvalid = false) => ({
64
64
  },
65
65
  menu: provided => (Object.assign(Object.assign({}, provided), { boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`, borderRadius: 12, marginBottom: 0, marginTop: 4, overflowY: 'overlay' })),
66
66
  menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0 })),
67
- option: (provided, { isMulti, isDisabled, isFocused, isSelected }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: theme.fontSizes.base, fontWeight: 300, lineHeight: '1.5rem' }), (isSelected &&
67
+ option: (provided, { isMulti, isDisabled, isFocused, isSelected }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: theme.fontSizes.base, fontWeight: 400, lineHeight: '1.5rem' }), (isSelected &&
68
68
  !isDisabled &&
69
69
  !isMulti && {
70
70
  background: theme.general.primaryColor,
package/lib/Form/TextArea.js CHANGED
@@ -70,7 +70,7 @@ const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform =
70
70
  boxShadow: markInvalid ? `0 0 0 1px ${Identity_1.COLOR.RED}` : `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
71
71
  caretColor: Identity_1.COLOR.BLUE,
72
72
  color: theme.general.color,
73
- fontWeight: 300,
73
+ fontWeight: 400,
74
74
  lineHeight: '1.5rem',
75
75
  margin: '0 0 16px',
76
76
  outline: 'none',
package/lib/GlobalStyle.js CHANGED
@@ -48,7 +48,7 @@ const getGlobalStyles = (theme) => ({
48
48
  const getGlobalFontStyle = () => ({
49
49
  body: {
50
50
  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";',
51
- fontWeight: navigator.platform === 'Win32' ? 400 : 300,
51
+ fontWeight: 400,
52
52
  lineHeight: 1.5,
53
53
  },
54
54
  });
package/lib/Identity/Avatar.js CHANGED
@@ -39,7 +39,7 @@ const avatarStyle = ({ color = colors_1.COLOR.WHITE, url, borderColor, backgroun
39
39
  color,
40
40
  display: 'flex',
41
41
  fontSize,
42
- fontWeight: isAvatarGridItem ? 700 : 300,
42
+ fontWeight: isAvatarGridItem ? 700 : 400,
43
43
  height: `${size}px`,
44
44
  justifyContent: 'center',
45
45
  minHeight: `${size}px`,
package/lib/Layout/headerMenu/MenuLink.js CHANGED
@@ -38,7 +38,7 @@ const menuLinkStyle = (theme, _a) => {
38
38
  }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
39
39
  border: 'none',
40
40
  fontSize: '2rem !important',
41
- fontWeight: 300,
41
+ fontWeight: 400,
42
42
  maxWidth: '480px',
43
43
  padding: '8px 24px',
44
44
  textTransform: 'none !important',
package/lib/Layout/headerMenu/MenuSubLink.js CHANGED
@@ -20,7 +20,7 @@ const menuSubLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0,
20
20
  }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
21
21
  border: 'none',
22
22
  fontSize: '2rem !important',
23
- fontWeight: '300 !important',
23
+ fontWeight: '400 !important',
24
24
  maxWidth: '480px',
25
25
  padding: '8px 24px',
26
26
  textTransform: 'none !important',
package/lib/Text/Heading.js CHANGED
@@ -32,7 +32,7 @@ const Heading = (_a) => {
32
32
  exports.Heading = Heading;
33
33
  const h1Style = (theme, _a) => {
34
34
  var { block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "level", "noWrap", "textTransform"]);
35
- return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '3rem', fontWeight: 300, lineHeight: '3.5rem', marginBottom: '64px', marginTop: 0, minHeight: '3rem', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
35
+ return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '3rem', fontWeight: 400, lineHeight: '3.5rem', marginBottom: '64px', marginTop: 0, minHeight: '3rem', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
36
36
  fontSize: '2.5rem',
37
37
  lineHeight: '3rem',
38
38
  } }));
@@ -61,7 +61,7 @@ const H3 = (props) => ((0, jsx_runtime_1.jsx)("h3", Object.assign({ css: (theme)
61
61
  exports.H3 = H3;
62
62
  const h4Style = (theme, _a) => {
63
63
  var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
64
- return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: theme.fontSizes.extraSmall, fontWeight: 300, marginBottom: '5px', marginTop: '20px' }));
64
+ return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: theme.fontSizes.extraSmall, fontWeight: 400, marginBottom: '5px', marginTop: '20px' }));
65
65
  };
66
66
  exports.h4Style = h4Style;
67
67
  const H4 = (props) => ((0, jsx_runtime_1.jsx)("h3", Object.assign({ css: (theme) => (0, exports.h4Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
package/lib/Text/Text.js CHANGED
@@ -65,7 +65,7 @@ const textStyle = (theme, { block = false, bold = false, center = false, color =
65
65
  color: muted ? Identity_1.COLOR.GRAY : color,
66
66
  display: block ? 'block' : 'inline',
67
67
  fontSize: fontSize,
68
- fontWeight: bold ? 600 : light ? 200 : 300,
68
+ fontWeight: bold ? 600 : light ? 200 : 400,
69
69
  overflow: truncate ? 'hidden' : undefined,
70
70
  textAlign: center ? 'center' : 'left',
71
71
  textOverflow: truncate ? 'ellipsis' : undefined,
package/package.json CHANGED
@@ -34,7 +34,7 @@
34
34
  "@types/react-dom": "^18.0.8",
35
35
  "@types/rimraf": "^3.0.2",
36
36
  "@types/webpack-env": "1.18.0",
37
- "babel-jest": "29.3.1",
37
+ "babel-jest": "29.4.1",
38
38
  "babel-loader": "9.1.2",
39
39
  "jest": "^29.2.1",
40
40
  "react": "18.2.0",
@@ -69,6 +69,6 @@
69
69
  "test:watch": "jest --watch",
70
70
  "test:update": "jest --updateSnapshot"
71
71
  },
72
- "version": "9.3.3",
73
- "gitHead": "1291b779b352fcb85dbc1583738d7147fe8a0f1e"
72
+ "version": "9.3.5",
73
+ "gitHead": "694180413fcc4500ae8797fe39e08f518b2215f9"
74
74
  }