@vitality-ds/tokens - npm Package Compare versions

Comparing version 3.8.0 to 3.9.0-alpha.0

dist/Elevation/types.d.ts

 /// <reference types="plugin-typings" />
 import { BaseToken } from "../types";
+declare type ReactNativeShadow = {
+    /**
+     * Android value
+     */
+    elevation: number;
+    /** iOS Values */
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowRadius: number;
+    shadowOpacity: number;
+    shadowColor: string;
+};
 export interface ElevationToken extends BaseToken {
     data: DropShadowEffect[];
+    dataRN: ReactNativeShadow;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

dist/Font/types.d.ts

@@ -28,10 +28,9 @@ import { BaseToken } from "../types";
 }
-export declare type FontStyleValue = FontSizeValue & {
+export declare type FontStyleValue = FontSizeValue & FontFamilyValue & {
     weight: number;
     weightAsString: string;
-    fontName: string;
-    fontFamily: string;
 };
 declare type FontFamilyValue = {
     fontName: string;
+    fontFamilyRN: string;
     fontFamily: string;
@@ -38,0 +37,0 @@ };

package.json

 {
   "name": "@vitality-ds/tokens",
-  "version": "3.8.0",
+  "version": "3.9.0-alpha.0",
   "description": "Design Tokens for Vitality",
@@ -32,4 +32,3 @@ "main": "dist/index.js",
     "access": "public"
-  },
-  "gitHead": "e3ac324e18cd30d168da52e1dfc655533c1c5cc8"
+  }
 }

src/Elevation/index.ts

@@ -44,2 +44,9 @@ import { ElevationToken } from "./types";
     ],
+    dataRN: {
+      elevation: 2,
+      shadowOffset: { width: 0, height: 1 },
+      shadowRadius: 3,
+      shadowOpacity: 0.1,
+      shadowColor: "#000",
+    },
   },
@@ -85,2 +92,9 @@ md: {
     ],
+    dataRN: {
+      elevation: 2,
+      shadowOffset: { width: 0, height: 1 },
+      shadowRadius: 3,
+      shadowOpacity: 0.1,
+      shadowColor: "#000",
+    },
   },
@@ -126,3 +140,10 @@ lg: {
     ],
+    dataRN: {
+      elevation: 2,
+      shadowOffset: { width: 0, height: 1 },
+      shadowRadius: 3,
+      shadowOpacity: 0.1,
+      shadowColor: "#000",
+    },
   },
 };

src/Elevation/types.ts

 import { BaseToken } from "../types";
 
+type ReactNativeShadow = {
+  /**
+   * Android value
+   */
+  elevation: number;
+  /** iOS Values */
+  shadowOffset: { width: number; height: number };
+  shadowRadius: number;
+  shadowOpacity: number;
+  shadowColor: string;
+};
 export interface ElevationToken extends BaseToken {
   data: DropShadowEffect[]; // Figma dictates this. Should prob make more generic
+  dataRN: ReactNativeShadow;
 }

src/Font/fontFamilies.ts

@@ -9,2 +9,3 @@ import { FontFamilyToken } from "./types";
       fontName: "SF Pro Text",
+      fontFamilyRN: "System",
       fontFamily:
@@ -19,2 +20,3 @@ '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
       fontName: "SF Pro Display",
+      fontFamilyRN: "System",
       fontFamily:
@@ -21,0 +23,0 @@ '-apple-system-headline, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',

src/Font/fontStyles.ts

@@ -24,2 +24,3 @@ import FontFamilies from "./fontFamilies";
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h200.data.letterSpacing,
@@ -40,2 +41,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h100.data.letterSpacing,
@@ -56,2 +58,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h500.data.letterSpacing,
@@ -72,2 +75,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h400.data.letterSpacing,
@@ -88,2 +92,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h300.data.letterSpacing,
@@ -104,2 +109,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: 0,
@@ -120,2 +126,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: 0,
@@ -136,2 +143,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h100.data.letterSpacing,
@@ -152,2 +160,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h200.data.letterSpacing,
@@ -168,2 +177,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h300.data.letterSpacing,
@@ -184,2 +194,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h400.data.letterSpacing,
@@ -200,2 +211,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h400.data.letterSpacing,
@@ -216,2 +228,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h600.data.letterSpacing,
@@ -232,2 +245,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h700.data.letterSpacing,
@@ -249,2 +263,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h800.data.letterSpacing,
@@ -265,2 +280,3 @@ },
       fontFamily: FontFamilies.sans.data.fontFamily,
+      fontFamilyRN: FontFamilies.sans.data.fontFamilyRN,
       letterSpacing: FontSizes.h900.data.letterSpacing,
@@ -267,0 +283,0 @@ },

src/Font/types.ts

@@ -35,11 +35,11 @@ import { BaseToken } from "../types";
 
-export type FontStyleValue = FontSizeValue & {
-  weight: number;
-  weightAsString: string;
-  fontName: string;
-  fontFamily: string;
-};
+export type FontStyleValue = FontSizeValue &
+  FontFamilyValue & {
+    weight: number;
+    weightAsString: string;
+  };
 
 type FontFamilyValue = {
   fontName: string;
+  fontFamilyRN: string;
   fontFamily: string;
@@ -46,0 +46,0 @@ };

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

352270

increased by2.4%

Lines of code

4594

increased by2.34%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes