figma-styled-components - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

lib/Button.d.ts

 export declare type ButtonVariants = "primary" | undefined;
-interface ButtonProps {
+export interface ButtonProps {
     variant?: ButtonVariants;
@@ -8,2 +8,1 @@ destructive?: boolean;
 export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
-export {};

lib/Checkbox.d.ts

 import * as React from "react";
-export declare const Checkbox: import("styled-components").StyledComponent<React.FunctionComponent<{
-    onChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    checked?: boolean | undefined;
+export interface CheckboxContainerProps {
+    checked?: boolean;
+    onChange?: () => void;
+}
+export interface CheckboxProps {
+    onChange?: () => void;
+    checked?: boolean;
     label: string;
-}>, any, {}, never>;
+}
+export declare const Checkbox: import("styled-components").StyledComponent<React.FunctionComponent<CheckboxProps>, any, {}, never>;

lib/Select.d.ts

 import * as React from "react";
-interface SelectOptionItem {
+export interface SelectOptionItem {
     label: string;
     value?: string;
 }
-interface SelectOptions extends SelectOptionItem {
+export interface SelectOptions extends SelectOptionItem {
     group?: SelectOptions[];
 }
-interface SelectProps {
+export interface SelectProps {
     options: SelectOptions[];
@@ -17,2 +17,1 @@ onChange?: any;
 export declare const Select: import("styled-components").StyledComponent<React.FunctionComponent<SelectProps>, any, {}, never>;
-export {};

lib/Switch.d.ts

 import * as React from "react";
-export declare const Switch: import("styled-components").StyledComponent<React.FunctionComponent<{
-    onChange?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
-    checked?: boolean | undefined;
+export interface SwitchContainerProps {
+    checked: boolean;
+    onChange: () => void;
+}
+export interface SwitchProps {
+    onChange?: () => void;
+    checked?: boolean;
     label: string;
-}>, any, {}, never>;
+}
+export declare const Switch: import("styled-components").StyledComponent<React.FunctionComponent<SwitchProps>, any, {}, never>;

lib/Switch.js

@@ -74,9 +74,2 @@ "use strict";
 `;
-const SwitchLabel = styled_components_1.default.span `
-  font-family: "Inter", sans-serif;
-  font-weight: 400;
-  font-size: 11px;
-  line-height: 16px;
-  letter-spacing: 0.005em;
-`;
 const SwitchFactory = (_a) => {
@@ -83,0 +76,0 @@ var { checked, onChange, label } = _a, props = __rest(_a, ["checked", "onChange", "label"]);

lib/Text.d.ts

@@ -1,3 +0,3 @@
-declare type TextSizes = "small" | "medium" | "large" | "xlarge";
-declare type TextWeights = "normal" | "medium" | "bold";
+export declare type TextSizes = "small" | "medium" | "large" | "xlarge";
+export declare type TextWeights = "normal" | "medium" | "bold";
 export interface TextProps {
@@ -9,2 +9,1 @@ size?: TextSizes;
 export declare const Text: import("styled-components").StyledComponent<"span", any, TextProps, never>;
-export {};

package.json

 {
   "name": "figma-styled-components",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Figma UI styled components",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

 # Figma Styled Components
+A set of styled components modeled after the Figma UI
 
+![image](https://user-images.githubusercontent.com/170681/62256697-2b65f500-b3b7-11e9-9937-7673ab072c84.png)
+
 ## Usage
@@ -8,8 +11,12 @@
 ```
+
 import {Button, Checkbox, Input, Label, SectionTitle, Select, Switch, Text} from 'figma-styled-components`
 
 <Button> I am a button</Button>
+
 ...
+
 ```
 
+[Some what more thorough example here](https://github.com/jhardy/figma-styled-components/blob/master/example.tsx)
 
@@ -16,0 +23,0 @@

No alert changes

Improved metrics

Total package byte prevSize

57223

increased by0.49%

Number of lines in readme file

31

increased by29.17%

Worsened metrics

Lines of code

1422

decreased by-0.21%

No dependency changes