@dropi/react-native-design-system 0.2.7 → 0.2.8

package/lib/atoms/Text/Body.d.ts

@@ -1,5 +1,5 @@
-import { TextProps } from 'react-native';
-type BodyType = 'xs-regular' | 'xs-medium' | 's-regular' | 's-medium' | 'm-regular' | 'm-medium' | 'l-regular' | 'l-medium';
+import { TextProps } from "react-native";
+type BodyType = "xs-regular" | "xs-medium" | "s-regular" | "s-medium" | "m-regular" | "m-medium" | "l-regular" | "l-medium";
 type Props = TextProps & {
     type: BodyType;
 };

package/lib/atoms/Text/Body.js

@@ -22,44 +22,44 @@ const Body = ({
 };
 exports.Body = Body;
 const styles = _reactNative.StyleSheet.create({
-  'xs-regular': {
-    fontSize: _constants.sizes.xs,
-    fontWeight: _constants.weights.regular,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
-  },
-  'xs-medium': {
-    fontSize: _constants.sizes.xs,
+  "l-medium": {
+    fontSize: _constants.sizes.m,
     fontWeight: _constants.weights.medium,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
   },
-  's-regular': {
-    fontSize: _constants.sizes.s,
+  "l-regular": {
+    fontSize: _constants.sizes.m,
     fontWeight: _constants.weights.regular,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
   },
-  's-medium': {
+  "m-medium": {
     fontSize: _constants.sizes.s,
     fontWeight: _constants.weights.medium,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 150)
   },
-  'm-regular': {
-    fontSize: _constants.sizes.m,
+  "m-regular": {
+    fontSize: _constants.sizes.s,
     fontWeight: _constants.weights.regular,
     lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 150)
   },
-  'm-medium': {
-    fontSize: _constants.sizes.m,
+  "s-medium": {
+    fontSize: _constants.sizes.xs,
     fontWeight: _constants.weights.medium,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.m, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
   },
-  'l-regular': {
-    fontSize: _constants.sizes.l,
+  "s-regular": {
+    fontSize: _constants.sizes.xs,
     fontWeight: _constants.weights.regular,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.s, 150)
   },
-  'l-medium': {
-    fontSize: _constants.sizes.l,
+  "xs-medium": {
+    fontSize: _constants.sizes.xxs,
     fontWeight: _constants.weights.medium,
-    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.l, 150)
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
+  },
+  "xs-regular": {
+    fontSize: _constants.sizes.xxs,
+    fontWeight: _constants.weights.regular,
+    lineHeight: (0, _utils.getLineHeight)(_constants.sizes.xs, 150)
   }
 });

package/lib/constants/colors.d.ts

@@ -4,7 +4,7 @@ export declare const colors: {
         readonly dark: "#1A1006";
     };
     readonly "Primary-100": {
-        readonly light: "#FFECD4";
+        readonly light: "#FFECDA";
         readonly dark: "#26180A";
     };
     readonly "Primary-200": {
@@ -17,7 +17,7 @@ export declare const colors: {
     };
     readonly "Primary-400": {
         readonly light: "#F7B46F";
-        readonly dark: "#82712D";
+        readonly dark: "#B2712D";
     };
     readonly "Primary-500": {
         readonly light: "#F49A3D";
@@ -60,7 +60,7 @@ export declare const colors: {
         readonly dark: "#00759E";
     };
     readonly "Secondary-500": {
-        readonly light: "#008BDF";
+        readonly light: "#008DBF";
         readonly dark: "#2D8FB2";
     };
     readonly "Secondary-600": {
@@ -128,164 +128,164 @@ export declare const colors: {
         readonly dark: "#FFFFFF";
     };
     readonly "Success-50": {
-        readonly light: "#E9FFFB";
-        readonly dark: "#023524";
+        readonly light: "#E7F8F3";
+        readonly dark: "#013324";
     };
     readonly "Success-100": {
-        readonly light: "#B7F3EA";
-        readonly dark: "#064D39";
+        readonly light: "#B3EADA";
+        readonly dark: "#03402E";
     };
     readonly "Success-200": {
-        readonly light: "#91E8DA";
-        readonly dark: "#096B52";
+        readonly light: "#8EE0C8";
+        readonly dark: "#066347";
     };
     readonly "Success-300": {
-        readonly light: "#66DDC8";
-        readonly dark: "#0C8C6D";
+        readonly light: "#5BD1AF";
+        readonly dark: "#07825E";
     };
     readonly "Success-400": {
-        readonly light: "#3ADFB6";
-        readonly dark: "#0FAF8B";
+        readonly light: "#3BC99F";
+        readonly dark: "#09AD7D";
     };
     readonly "Success-500": {
-        readonly light: "#00D6A0";
-        readonly dark: "#2AC5A7";
+        readonly light: "#0ABB87";
+        readonly dark: "#0FBA88";
     };
     readonly "Success-600": {
-        readonly light: "#00B083";
-        readonly dark: "#55D2BC";
+        readonly light: "#09AA7B";
+        readonly dark: "#41C49D";
     };
     readonly "Success-700": {
-        readonly light: "#008C68";
-        readonly dark: "#7FE1D1";
+        readonly light: "#078560";
+        readonly dark: "#5BD1AF";
     };
     readonly "Success-800": {
-        readonly light: "#00684E";
-        readonly dark: "#B3F2E5";
+        readonly light: "#06674A";
+        readonly dark: "#8EE0C8";
     };
     readonly "Success-900": {
-        readonly light: "#004535";
-        readonly dark: "#E0FBF6";
+        readonly light: "#044F39";
+        readonly dark: "#AEE3D3";
     };
     readonly "Error-50": {
-        readonly light: "#FFEFEF";
-        readonly dark: "#472325";
+        readonly light: "#FEF0F0";
+        readonly dark: "#572323";
     };
     readonly "Error-100": {
-        readonly light: "#FFCECE";
-        readonly dark: "#662E30";
+        readonly light: "#FCD1D1";
+        readonly dark: "#632C2C";
     };
     readonly "Error-200": {
-        readonly light: "#FFA3A3";
-        readonly dark: "#8C3A3D";
+        readonly light: "#FABABB";
+        readonly dark: "#753334";
     };
     readonly "Error-300": {
-        readonly light: "#FF7A7A";
-        readonly dark: "#B34849";
+        readonly light: "#F89B9C";
+        readonly dark: "#B04D4E";
     };
     readonly "Error-400": {
-        readonly light: "#FF5252";
-        readonly dark: "#D25456";
+        readonly light: "#F68889";
+        readonly dark: "#DB5D5E";
     };
     readonly "Error-500": {
-        readonly light: "#FF3333";
-        readonly dark: "#E17070";
+        readonly light: "#F46A6B";
+        readonly dark: "#F46768";
     };
     readonly "Error-600": {
-        readonly light: "#CC2828";
-        readonly dark: "#E89393";
+        readonly light: "#DE6061";
+        readonly dark: "#F68485";
     };
     readonly "Error-700": {
-        readonly light: "#991F1F";
-        readonly dark: "#F0B7B7";
+        readonly light: "#AD4B4C";
+        readonly dark: "#F89697";
     };
     readonly "Error-800": {
-        readonly light: "#661515";
-        readonly dark: "#F6DCDC";
+        readonly light: "#863A3B";
+        readonly dark: "#F9B3B4";
     };
     readonly "Error-900": {
-        readonly light: "#330B0B";
-        readonly dark: "#FBEFEF";
+        readonly light: "#662D2D";
+        readonly dark: "#FDE2E2";
     };
     readonly "Info-50": {
-        readonly light: "#E6F0FE";
-        readonly dark: "#1A3B73";
+        readonly light: "#EEF6FE";
+        readonly dark: "#0A2136";
     };
     readonly "Info-100": {
-        readonly light: "#C2DAFC";
-        readonly dark: "#224E92";
+        readonly light: "#C9E3FB";
+        readonly dark: "#0D2942";
     };
     readonly "Info-200": {
-        readonly light: "#9CC4FB";
-        readonly dark: "#2C64B3";
+        readonly light: "#AFD6F9";
+        readonly dark: "#12395C";
     };
     readonly "Info-300": {
-        readonly light: "#74AEFA";
-        readonly dark: "#357BD6";
+        readonly light: "#8AC3F6";
+        readonly dark: "#206099";
     };
     readonly "Info-400": {
-        readonly light: "#4B9AF8";
-        readonly dark: "#4A92E8";
+        readonly light: "#73B7F4";
+        readonly dark: "#2288E3";
     };
     readonly "Info-500": {
-        readonly light: "#1E85F7";
-        readonly dark: "#5AA2F0";
+        readonly light: "#50A5F1";
+        readonly dark: "#3C9CF1";
     };
     readonly "Info-600": {
-        readonly light: "#1867C5";
-        readonly dark: "#7BB8F3";
+        readonly light: "#4996DB";
+        readonly dark: "#55A8F2";
     };
     readonly "Info-700": {
-        readonly light: "#124E96";
-        readonly dark: "#9CCBF6";
+        readonly light: "#3975AB";
+        readonly dark: "#6FB6F6";
     };
     readonly "Info-800": {
-        readonly light: "#0D3668";
-        readonly dark: "#C2E0FA";
+        readonly light: "#2C5B85";
+        readonly dark: "#8BC5F9";
     };
     readonly "Info-900": {
-        readonly light: "#081C3A";
-        readonly dark: "#E6F2FE";
+        readonly light: "#224565";
+        readonly dark: "#A8C8E5";
     };
     readonly "Warning-50": {
-        readonly light: "#FFF8E0";
-        readonly dark: "#7A5B00";
+        readonly light: "#FEF8ED";
+        readonly dark: "#402F12";
     };
     readonly "Warning-100": {
-        readonly light: "#FFEFC2";
-        readonly dark: "#927300";
+        readonly light: "#FBE8C8";
+        readonly dark: "#4D3A18";
     };
     readonly "Warning-200": {
-        readonly light: "#FFE29C";
-        readonly dark: "#AA8A00";
+        readonly light: "#F9DDAD";
+        readonly dark: "#805F28";
     };
     readonly "Warning-300": {
-        readonly light: "#FFD573";
-        readonly dark: "#C2A100";
+        readonly light: "#F6CD87";
+        readonly dark: "#AB8036";
     };
     readonly "Warning-400": {
-        readonly light: "#FFC84C";
-        readonly dark: "#DAB700";
+        readonly light: "#F4C370";
+        readonly dark: "#DBA445";
     };
     readonly "Warning-500": {
-        readonly light: "#FFBA26";
-        readonly dark: "#EAC432";
+        readonly light: "#F1B44C";
+        readonly dark: "#F1B44C";
     };
     readonly "Warning-600": {
-        readonly light: "#D99A1F";
-        readonly dark: "#F0D060";
+        readonly light: "#DBA445";
+        readonly dark: "#F4C370";
     };
     readonly "Warning-700": {
-        readonly light: "#B37B19";
-        readonly dark: "#F5DC8C";
+        readonly light: "#AB8036";
+        readonly dark: "#F6CD87";
     };
     readonly "Warning-800": {
-        readonly light: "#8C5D12";
-        readonly dark: "#FAE8B9";
+        readonly light: "#85632A";
+        readonly dark: "#F9DDAD";
     };
     readonly "Warning-900": {
-        readonly light: "#663F0C";
-        readonly dark: "#FEF5E0";
+        readonly light: "#654C20";
+        readonly dark: "#FEF8ED";
     };
 };
 export type ColorToken = keyof typeof colors;

package/lib/constants/colors.js

@@ -10,7 +10,7 @@ const colors = exports.colors = {
     dark: "#1A1006"
   },
   "Primary-100": {
-    light: "#FFECD4",
+    light: "#FFECDA",
     dark: "#26180A"
   },
   "Primary-200": {
@@ -23,7 +23,7 @@ const colors = exports.colors = {
   },
   "Primary-400": {
     light: "#F7B46F",
-    dark: "#82712D"
+    dark: "#B2712D"
   },
   "Primary-500": {
     light: "#F49A3D",
@@ -66,7 +66,7 @@ const colors = exports.colors = {
     dark: "#00759E"
   },
   "Secondary-500": {
-    light: "#008BDF",
+    light: "#008DBF",
     dark: "#2D8FB2"
   },
   "Secondary-600": {
@@ -125,172 +125,172 @@ const colors = exports.colors = {
     light: "#0E111A",
     dark: "#E6EAF2"
   },
-  "White": {
+  White: {
     light: "#FFFFFF",
     dark: "#0E111A"
   },
-  "Black": {
+  Black: {
     light: "#000000",
     dark: "#FFFFFF"
   },
   "Success-50": {
-    light: "#E9FFFB",
-    dark: "#023524"
+    light: "#E7F8F3",
+    dark: "#013324"
   },
   "Success-100": {
-    light: "#B7F3EA",
-    dark: "#064D39"
+    light: "#B3EADA",
+    dark: "#03402E"
   },
   "Success-200": {
-    light: "#91E8DA",
-    dark: "#096B52"
+    light: "#8EE0C8",
+    dark: "#066347"
   },
   "Success-300": {
-    light: "#66DDC8",
-    dark: "#0C8C6D"
+    light: "#5BD1AF",
+    dark: "#07825E"
   },
   "Success-400": {
-    light: "#3ADFB6",
-    dark: "#0FAF8B"
+    light: "#3BC99F",
+    dark: "#09AD7D"
   },
   "Success-500": {
-    light: "#00D6A0",
-    dark: "#2AC5A7"
+    light: "#0ABB87",
+    dark: "#0FBA88"
   },
   "Success-600": {
-    light: "#00B083",
-    dark: "#55D2BC"
+    light: "#09AA7B",
+    dark: "#41C49D"
   },
   "Success-700": {
-    light: "#008C68",
-    dark: "#7FE1D1"
+    light: "#078560",
+    dark: "#5BD1AF"
   },
   "Success-800": {
-    light: "#00684E",
-    dark: "#B3F2E5"
+    light: "#06674A",
+    dark: "#8EE0C8"
   },
   "Success-900": {
-    light: "#004535",
-    dark: "#E0FBF6"
+    light: "#044F39",
+    dark: "#AEE3D3"
   },
   "Error-50": {
-    light: "#FFEFEF",
-    dark: "#472325"
+    light: "#FEF0F0",
+    dark: "#572323"
   },
   "Error-100": {
-    light: "#FFCECE",
-    dark: "#662E30"
+    light: "#FCD1D1",
+    dark: "#632C2C"
   },
   "Error-200": {
-    light: "#FFA3A3",
-    dark: "#8C3A3D"
+    light: "#FABABB",
+    dark: "#753334"
   },
   "Error-300": {
-    light: "#FF7A7A",
-    dark: "#B34849"
+    light: "#F89B9C",
+    dark: "#B04D4E"
   },
   "Error-400": {
-    light: "#FF5252",
-    dark: "#D25456"
+    light: "#F68889",
+    dark: "#DB5D5E"
   },
   "Error-500": {
-    light: "#FF3333",
-    dark: "#E17070"
+    light: "#F46A6B",
+    dark: "#F46768"
   },
   "Error-600": {
-    light: "#CC2828",
-    dark: "#E89393"
+    light: "#DE6061",
+    dark: "#F68485"
   },
   "Error-700": {
-    light: "#991F1F",
-    dark: "#F0B7B7"
+    light: "#AD4B4C",
+    dark: "#F89697"
   },
   "Error-800": {
-    light: "#661515",
-    dark: "#F6DCDC"
+    light: "#863A3B",
+    dark: "#F9B3B4"
   },
   "Error-900": {
-    light: "#330B0B",
-    dark: "#FBEFEF"
+    light: "#662D2D",
+    dark: "#FDE2E2"
   },
   "Info-50": {
-    light: "#E6F0FE",
-    dark: "#1A3B73"
+    light: "#EEF6FE",
+    dark: "#0A2136"
   },
   "Info-100": {
-    light: "#C2DAFC",
-    dark: "#224E92"
+    light: "#C9E3FB",
+    dark: "#0D2942"
   },
   "Info-200": {
-    light: "#9CC4FB",
-    dark: "#2C64B3"
+    light: "#AFD6F9",
+    dark: "#12395C"
   },
   "Info-300": {
-    light: "#74AEFA",
-    dark: "#357BD6"
+    light: "#8AC3F6",
+    dark: "#206099"
   },
   "Info-400": {
-    light: "#4B9AF8",
-    dark: "#4A92E8"
+    light: "#73B7F4",
+    dark: "#2288E3"
   },
   "Info-500": {
-    light: "#1E85F7",
-    dark: "#5AA2F0"
+    light: "#50A5F1",
+    dark: "#3C9CF1"
   },
   "Info-600": {
-    light: "#1867C5",
-    dark: "#7BB8F3"
+    light: "#4996DB",
+    dark: "#55A8F2"
   },
   "Info-700": {
-    light: "#124E96",
-    dark: "#9CCBF6"
+    light: "#3975AB",
+    dark: "#6FB6F6"
   },
   "Info-800": {
-    light: "#0D3668",
-    dark: "#C2E0FA"
+    light: "#2C5B85",
+    dark: "#8BC5F9"
   },
   "Info-900": {
-    light: "#081C3A",
-    dark: "#E6F2FE"
+    light: "#224565",
+    dark: "#A8C8E5"
   },
   "Warning-50": {
-    light: "#FFF8E0",
-    dark: "#7A5B00"
+    light: "#FEF8ED",
+    dark: "#402F12"
   },
   "Warning-100": {
-    light: "#FFEFC2",
-    dark: "#927300"
+    light: "#FBE8C8",
+    dark: "#4D3A18"
   },
   "Warning-200": {
-    light: "#FFE29C",
-    dark: "#AA8A00"
+    light: "#F9DDAD",
+    dark: "#805F28"
   },
   "Warning-300": {
-    light: "#FFD573",
-    dark: "#C2A100"
+    light: "#F6CD87",
+    dark: "#AB8036"
   },
   "Warning-400": {
-    light: "#FFC84C",
-    dark: "#DAB700"
+    light: "#F4C370",
+    dark: "#DBA445"
   },
   "Warning-500": {
-    light: "#FFBA26",
-    dark: "#EAC432"
+    light: "#F1B44C",
+    dark: "#F1B44C"
   },
   "Warning-600": {
-    light: "#D99A1F",
-    dark: "#F0D060"
+    light: "#DBA445",
+    dark: "#F4C370"
   },
   "Warning-700": {
-    light: "#B37B19",
-    dark: "#F5DC8C"
+    light: "#AB8036",
+    dark: "#F6CD87"
   },
   "Warning-800": {
-    light: "#8C5D12",
-    dark: "#FAE8B9"
+    light: "#85632A",
+    dark: "#F9DDAD"
   },
   "Warning-900": {
-    light: "#663F0C",
-    dark: "#FEF5E0"
+    light: "#654C20",
+    dark: "#FEF8ED"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/react-native-design-system",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "A React Native package built from scratch",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",