@potok/forms - npm Package Compare versions

Comparing version 0.0.27 to 0.0.28

components/Checkbox/styled/index.js

@@ -87,3 +87,3 @@ import styled, { css } from 'styled-components';
       color: ${ifProp('checked', colors.N900, colors.N600)};
-      padding-left: 20px;
+      padding-left: 10px;
     `,
@@ -90,0 +90,0 @@ })};

components/Radio/Radio.js

@@ -20,2 +20,4 @@ // @flow
   onChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
+  /** SC Wrapper className */
+  className?: string,
 };
@@ -33,6 +35,14 @@
   render() {
-    const { name, checked, label, value, disabled, onChange } = this.props;
+    const {
+      name,
+      checked,
+      label,
+      value,
+      disabled,
+      onChange,
+      className,
+    } = this.props;
 
     return (
-      <Container checked={checked} disabled={disabled}>
+      <Container checked={checked} disabled={disabled} className={className}>
         <span>
@@ -39,0 +49,0 @@ <Input

components/Radio/styled/index.js

@@ -39,3 +39,3 @@ import styled, { css } from 'styled-components';
     position: absolute;
-    top: 4px;
+    top: 6px;
     left: 4px;
@@ -55,8 +55,8 @@ width: 6px;
     [themeDevices.desktop]: css`
-      width: 16px;
-      height: 16px;
+      width: 18px;
+      height: 18px;
 
       &:after {
-        top: 4px;
-        left: 4px;
+        top: 5px;
+        left: 5px;
       }
@@ -78,3 +78,3 @@ `,
   margin-left: 8px;
-  font-weight: 300;
+  font-weight: 500;
   font-size: 14px;
@@ -84,2 +84,7 @@ cursor: ${cursor};
   ${switchProp('theme.device', {
+    [themeDevices.desktop]: css`
+      margin-left: 8px;
+      line-height: 18px;
+      color: ${ifProp('checked', colors.N900, colors.N600)};
+    `,
     [themeDevices.mobile]: css`
@@ -86,0 +91,0 @@ margin-left: 20px;

package.json

 {
   "name": "@potok/forms",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "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

Improved metrics

Total package byte prevSize

264052

increased by0.11%

Lines of code

3790

increased by0.4%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes