@nimbusforwork/nimbus-ui - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

build/Button/Button.d.ts

 import React from 'react';
 import { TouchableOpacityProps } from 'react-native';
-interface IProps extends TouchableOpacityProps {
+import { ISpacing } from '../utils';
+interface IProps extends ISpacing, TouchableOpacityProps {
     title: string;
@@ -9,9 +10,4 @@ variant?: 'contained' | 'outlined' | 'flat';
     disabled?: boolean;
-    margin?: number;
-    marginTop?: number;
-    marginBottom?: number;
-    marginLeft?: number;
-    marginRight?: number;
 }
 declare const Button: React.FC<IProps>;
 export default Button;

build/fonts/index.d.ts

 declare const FontFamily: {
     FontInterRegular: any;
+    FontInterMedium: any;
     FontInterBold: any;
 };
 export default FontFamily;

build/Image/Image.d.ts

 import React from 'react';
-interface IProps {
+import { IRounded, ISpacing } from '../utils';
+interface IProps extends IRounded, ISpacing {
     src: any;
     width: number;
     height: number;
-    rounded?: boolean;
-    borderRadius?: number;
-    margin?: number;
-    marginTop?: number;
-    marginBottom?: number;
-    marginLeft?: number;
-    marginRight?: number;
 }
 declare const Image: React.FC<IProps>;
 export default Image;

build/index.d.ts

 import { Button } from './Button';
-import { Card } from './Card';
 import { Image } from './Image';
-import { ListItem } from './ListItem';
-import { Tag } from './Tag';
 import { Text } from './Text';
+import { Row } from './Row';
+import FontFamily from './fonts';
+import baseColor, { IBaseColor } from './color';
 import theme, { ITheme } from './theme';
-import { IColor, IFontWeight, ITextSize } from './utils';
-import FontFamily from './fonts';
-export { Card, Button, Image, ListItem, Tag, Text, theme, ITheme, IColor, IFontWeight, ITextSize, FontFamily };
+export { Image, Button, Text, Row, baseColor, FontFamily, IBaseColor, theme, ITheme };

build/Text/Text.d.ts

 import React from 'react';
 import { TextProps } from 'react-native';
-import { IFontWeight, IColor, ITextSize } from '../utils';
-interface IText extends IColor, ITextSize, IFontWeight, TextProps {
+import { IFontWeight, IColor, ITextSize, ISpacing } from '../utils';
+interface IProps extends IColor, ITextSize, ISpacing, IFontWeight, TextProps {
     text: string;
-    margin?: number;
-    marginTop?: number;
-    marginBottom?: number;
-    marginLeft?: number;
-    marginRight?: number;
 }
-declare const Text: React.FC<IText>;
+declare const Text: React.FC<IProps>;
 export default Text;

build/theme.d.ts

@@ -10,2 +10,4 @@ export interface ITheme {
         primary700: string;
+        primary800: string;
+        primary900: string;
         neutral100: string;
@@ -18,2 +20,4 @@ neutral200: string;
         neutral700: string;
+        neutral800: string;
+        neutral900: string;
         danger100: string;
@@ -26,16 +30,47 @@ danger200: string;
         danger700: string;
-        background100: string;
-        background200: string;
+        danger800: string;
+        danger900: string;
+        success100: string;
+        success200: string;
+        success300: string;
+        success400: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        success800: string;
+        success900: string;
+        dark: string;
+        white: string;
     };
     textSize: {
-        small: number;
-        normal: number;
-        heading1: number;
-        heading2: number;
-        heading3: number;
+        xs: number;
+        sm: number;
+        base: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
     };
+    rounded: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        full: number;
+    };
+    spacing: {
+        none: number;
+        sm: number;
+        base: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+    };
     fontFamily: string;
-    platform: 'ios' | 'android' | 'windows' | 'macos' | 'web';
 }
 declare const theme: ITheme;
 export default theme;

build/utils.d.ts

 export interface IColor {
-    color?: 'primary100' | 'primary200' | 'primary300' | 'primary400' | 'primary500' | 'primary600' | 'primary700' | 'neutral100' | 'neutral200' | 'neutral300' | 'neutral400' | 'neutral500' | 'neutral600' | 'neutral700' | 'danger100' | 'danger200' | 'danger300' | 'danger400' | 'danger500' | 'danger600' | 'danger700' | 'background100' | 'background200';
+    color?: 'primary100' | 'primary200' | 'primary300' | 'primary400' | 'primary500' | 'primary600' | 'primary700' | 'primary800' | 'primary900' | 'neutral100' | 'neutral200' | 'neutral300' | 'neutral400' | 'neutral500' | 'neutral600' | 'neutral700' | 'neutral800' | 'neutral900' | 'danger100' | 'danger200' | 'danger300' | 'danger400' | 'danger500' | 'danger600' | 'danger700' | 'danger800' | 'danger900' | 'dark' | 'white';
 }
 export interface ITextSize {
-    size?: 'small' | 'normal' | 'heading1' | 'heading2' | 'heading3';
+    size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
 }
+export interface IRounded {
+    rounded?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+}
+export interface IShadow {
+    shadow?: 'base' | 'md' | 'lg' | 'xl' | '2xl' | 'inner';
+}
 export interface IFontWeight {
-    fontWeight?: 'bold';
+    fontWeight?: 'base' | 'medium' | 'bold';
 }
+export interface ISpacingPosition {
+    top?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    bottom?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    left?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+    right?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
+}
+export interface ISpacing {
+    margin?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | ISpacingPosition;
+    padding?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | ISpacingPosition;
+}

package.json

 {
   "name": "@nimbusforwork/nimbus-ui",
-  "version": "1.0.10",
-  "description": "Ninbus UI Components",
+  "version": "1.0.11",
+  "description": "Nimbus UI Components",
   "main": "build/index.js",
@@ -12,2 +12,3 @@ "module": "build/index.es.js",
     "storybook": "start-storybook -p 9001 -c .storybook",
+    "storybook:build": "build-storybook -c .storybook -o storybook",
     "lint": "eslint '**/*.{ts,tsx}'",
@@ -22,2 +23,3 @@ "test": "jest -u",
     "@storybook/addon-actions": "^5.1.11",
+    "@storybook/addon-docs": "^5.2.6",
     "@storybook/addon-info": "^5.2.6",
@@ -27,2 +29,3 @@ "@storybook/addon-knobs": "^5.1.11",
     "@storybook/react": "^5.1.11",
+    "@storybook/source-loader": "^5.2.6",
     "@types/jest": "^24.0.21",
@@ -53,2 +56,3 @@ "@types/react": "^16.9.11",
     "react": "^16.11.0",
+    "react-docgen-typescript-loader": "^3.5.0",
     "react-dom": "^16.11.0",
@@ -67,2 +71,3 @@ "react-native": "^0.61.4",
     "ts-jest": "^24.1.0",
+    "ts-loader": "^6.2.1",
     "typescript": "^3.6.4",
@@ -69,0 +74,0 @@ "webpack": "^4.41.2"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6421885

increased by49.03%

Number of package files

24

increased by4.35%

Lines of code

13233

increased by49.93%

Worsened metrics

Dev dependency count

50

increased by8.7%

No dependency changes