@potok/forms - npm Package Compare versions

Comparing version 0.0.28 to 0.0.29

components/Checkbox/styled/index.js

 import styled, { css } from 'styled-components';
 import { ifProp, ifNotProp, switchProp } from 'styled-tools';
-import { colors, borderRadius, themeDevices } from '@potok/theme';
+import {
+  colors,
+  borderRadius,
+  themeDevices,
+  fontWeightMedium,
+} from '@potok/theme';
 import CheckIcon from '@potok/icons/glyph/clear/check-2';
@@ -73,3 +78,3 @@
   padding: 0 5px 0 9px;
-  font-weight: 500;
+  font-weight: ${fontWeightMedium};
   font-size: 14px;
@@ -76,0 +81,0 @@ cursor: ${cursor};

components/FormField/styled/index.js

 import styled from 'styled-components';
-import { colors } from '@potok/theme';
+import { colors, fontWeightMedium } from '@potok/theme';
 
@@ -16,5 +16,5 @@ export const Container = styled.div`
   display: block;
-  font-weight: 300;
+  font-weight: ${fontWeightMedium};
   font-size: 1.2rem;
   margin-bottom: 0.4rem;
 `;

components/Input/styled/index.js

 import styled from 'styled-components';
 import { ifProp, ifNotProp } from 'styled-tools';
-import { colors, borderRadius } from '@potok/theme';
+import { colors, borderRadius, fontWeightMedium } from '@potok/theme';
 
@@ -9,3 +9,3 @@ export const InputStyled = styled.input`
   padding: 10px 12px;
-  font-weight: 500;
+  font-weight: ${fontWeightMedium};
   outline: none;
@@ -12,0 +12,0 @@ font-size: 14px;

components/Radio/styled/index.js

 import styled, { css } from 'styled-components';
 import { ifProp, ifNotProp, switchProp } from 'styled-tools';
-import { colors, themeDevices } from '@potok/theme';
+import { colors, themeDevices, fontWeightMedium } from '@potok/theme';
 
@@ -76,3 +76,3 @@ const cursor = ifProp('disabled', 'not-allowed', 'pointer');
   margin-left: 8px;
-  font-weight: 500;
+  font-weight: ${fontWeightMedium};
   font-size: 14px;
@@ -79,0 +79,0 @@ cursor: ${cursor};

components/Select/styled/index.js

 import styled from 'styled-components';
 import Select from 'react-select';
 
-import { colors } from '@potok/theme';
+import { colors, fontWeightMedium } from '@potok/theme';
 import DownIcon from '@potok/icons/glyph/clear/down';
@@ -59,3 +59,3 @@ import CloseIcon from '@potok/icons/glyph/clear/close-2';
     ...base,
-    fontWeight: 300,
+    fontWeight: fontWeightMedium,
     color: colors.N100,
@@ -67,3 +67,3 @@ margin: 0,
     color: colors.N900,
-    fontWeight: 300,
+    fontWeight: fontWeightMedium,
     margin: 0,
@@ -78,3 +78,3 @@ }),
     color: colors.N900,
-    fontWeight: 300,
+    fontWeight: fontWeightMedium,
     margin: 0,
@@ -94,4 +94,4 @@ }),
         : isFocused
-          ? colors.B50
-          : colors.N0,
+        ? colors.B50
+        : colors.N0,
       color: isSelected ? colors.N0 : colors.N900,
@@ -118,3 +118,3 @@ cursor: isFocused ? 'pointer' : 'default',
   },
-  menu: base=> ({
+  menu: base => ({
     ...base,
@@ -121,0 +121,0 @@ zIndex: 10,

components/TextArea/styled/index.js

 import styled, { css } from 'styled-components';
 import { ifProp, ifNotProp, prop } from 'styled-tools';
-import { colors, borderRadius } from '@potok/theme';
+import { colors, borderRadius, fontWeightMedium } from '@potok/theme';
 
@@ -12,3 +12,3 @@ export const TextAreaInput = styled.textarea`
   padding: 12px 12px;
-  font-weight: 500;
+  font-weight: ${fontWeightMedium};
   outline: none;
@@ -18,3 +18,3 @@ resize: ${ifProp('autoHeight', 'none', 'vertical')};
   font-size: 14px;
-  color: ${colors.N600};
+  color: ${colors.N900};
 
@@ -29,3 +29,2 @@ transition: color 0.2s ease, border-color 0.2s ease;
         border-color: ${colors.B500};
-        color: ${colors.N900};
       }
@@ -32,0 +31,0 @@ `

package.json

 {
   "name": "@potok/forms",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Potok.io UI Kit Form Components",
@@ -5,0 +5,0 @@ "main": "./components/index.js",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

264254

increased by0.08%

Lines of code

3794

increased by0.11%

No dependency changes