@wireapp/react-ui-kit 9.3.3 → 9.3.4

package/lib/Form/Input.js

@@ -86,7 +86,7 @@ const inputStyle = (theme, { markInvalid = false, placeholderTextTransform = 'no
         boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.Select.borderColor}`,
         caretColor: theme.general.primaryColor,
         color: theme.general.color,
-        fontWeight: 300,
+        fontWeight: 400,
         height: '48px',
         lineHeight: '1.5rem',
         outline: 'none',

package/lib/Form/RangeInput.styles.js

@@ -52,7 +52,7 @@ const getValueLabelStyles = (theme, position) => ({
     pointerEvents: 'none',
     bottom: '100%',
     fontSize: theme.fontSizes.base,
-    fontWeight: 300,
+    fontWeight: 400,
     position: 'absolute',
     [position]: '4px',
 });

package/lib/Form/SelectStyles.js

@@ -64,7 +64,7 @@ const customStyles = (theme, markInvalid = false) => ({
     },
     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' })),
     menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0 })),
-    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 &&
+    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 &&
         !isDisabled &&
         !isMulti && {
         background: theme.general.primaryColor,

package/lib/Form/TextArea.js

@@ -70,7 +70,7 @@ const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform =
         boxShadow: markInvalid ? `0 0 0 1px ${Identity_1.COLOR.RED}` : `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
         caretColor: Identity_1.COLOR.BLUE,
         color: theme.general.color,
-        fontWeight: 300,
+        fontWeight: 400,
         lineHeight: '1.5rem',
         margin: '0 0 16px',
         outline: 'none',

package/lib/GlobalStyle.js

@@ -48,7 +48,7 @@ const getGlobalStyles = (theme) => ({
 const getGlobalFontStyle = () => ({
     body: {
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";',
-        fontWeight: navigator.platform === 'Win32' ? 400 : 300,
+        fontWeight: 400,
         lineHeight: 1.5,
     },
 });

package/lib/Identity/Avatar.js

@@ -39,7 +39,7 @@ const avatarStyle = ({ color = colors_1.COLOR.WHITE, url, borderColor, backgroun
         color,
         display: 'flex',
         fontSize,
-        fontWeight: isAvatarGridItem ? 700 : 300,
+        fontWeight: isAvatarGridItem ? 700 : 400,
         height: `${size}px`,
         justifyContent: 'center',
         minHeight: `${size}px`,

package/lib/Layout/headerMenu/MenuLink.js

@@ -38,7 +38,7 @@ const menuLinkStyle = (theme, _a) => {
         }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
             border: 'none',
             fontSize: '2rem !important',
-            fontWeight: 300,
+            fontWeight: 400,
             maxWidth: '480px',
             padding: '8px 24px',
             textTransform: 'none !important',

package/lib/Layout/headerMenu/MenuSubLink.js

@@ -20,7 +20,7 @@ const menuSubLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0,
     }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
         border: 'none',
         fontSize: '2rem !important',
-        fontWeight: '300 !important',
+        fontWeight: '400 !important',
         maxWidth: '480px',
         padding: '8px 24px',
         textTransform: 'none !important',

package/lib/Text/Heading.js

@@ -32,7 +32,7 @@ const Heading = (_a) => {
 exports.Heading = Heading;
 const h1Style = (theme, _a) => {
     var { block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "level", "noWrap", "textTransform"]);
-    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]]: {
+    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]]: {
             fontSize: '2.5rem',
             lineHeight: '3rem',
         } }));
@@ -61,7 +61,7 @@ const H3 = (props) => ((0, jsx_runtime_1.jsx)("h3", Object.assign({ css: (theme)
 exports.H3 = H3;
 const h4Style = (theme, _a) => {
     var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    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' }));
+    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' }));
 };
 exports.h4Style = h4Style;
 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

@@ -65,7 +65,7 @@ const textStyle = (theme, { block = false, bold = false, center = false, color =
     color: muted ? Identity_1.COLOR.GRAY : color,
     display: block ? 'block' : 'inline',
     fontSize: fontSize,
-    fontWeight: bold ? 600 : light ? 200 : 300,
+    fontWeight: bold ? 600 : light ? 200 : 400,
     overflow: truncate ? 'hidden' : undefined,
     textAlign: center ? 'center' : 'left',
     textOverflow: truncate ? 'ellipsis' : undefined,

package/package.json

@@ -69,6 +69,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.3.3",
-  "gitHead": "1291b779b352fcb85dbc1583738d7147fe8a0f1e"
+  "version": "9.3.4",
+  "gitHead": "d708e9a032ae316d574e1749aa99a0564c8b0bdb"
 }