@pedidopago/ui 1.5.21 → 1.5.24

package/dist/utils/getColorValue.d.ts

@@ -1,293 +1,13 @@
-/**
- * This function takes a color string and returns the color value related to the theme or the original color string
- * @param color : color value;
- * @param theme : theme object;
- * @param defaultValue : default value if color is not valid;
- * @returns color value;
- * @example
- * getColorValue('primary.default', props.theme); // returns '#22E0A1'
- */
-export declare const getColorValue: (color: string, theme?: {
-    fontSizes: {
-        tiny: string;
-        xxxs: string;
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        display: string;
-        giant: string;
-    };
-    fontWeight: {
-        normal: string;
-        bold: string;
-        '100': string;
-        '200': string;
-        '300': string;
-        '400': string;
-        '500': string;
-        '600': string;
-        '700': string;
-        '800': string;
-        '900': string;
-    };
-    breakpoints: {
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-    colors: {
-        body: {
-            light: string;
-            dark: string;
-        };
-        primary: {
-            alert: string;
-            disabled: string;
-            default: string;
-            hover: string;
-            focus: string;
-            transparent: string;
-        };
-        secondary: {
-            disabled: string;
-            default: string;
-            hover: string;
-            focus: string;
-        };
-        tertiary: {
-            disabled: string;
-            default: string;
-            hover: string;
-            focus: string;
-        };
-        neutral: {
-            white: string;
-            neutral1: string;
-            neutral2: string;
-            neutral3: string;
-            neutral4: string;
-            neutral5: string;
-            neutral6: string;
-            black: string;
-        };
-        background: {
-            linear1: string;
-            linear2: string;
-            linear3: string;
-            light: string;
-        };
-        informative: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        success: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        success_secondary: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        warning: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        warning_secondary: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        error: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-        critical: {
-            default: string;
-            blurred: string;
-            dark: string;
-            gradient: string;
-        };
-    };
-    space: {
-        px: string;
-        0.5: string;
-        1: string;
-        1.5: string;
-        2: string;
-        2.5: string;
-        3: string;
-        3.5: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-    };
-    spacing: {
-        quarck: string;
-        nano: string;
-        xxxs: string;
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        huge: string;
-        giant: string;
-        px: string;
-        0.5: string;
-        1: string;
-        1.5: string;
-        2: string;
-        2.5: string;
-        3: string;
-        3.5: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-    };
-    spacingest: {
-        quarck: string;
-        nano: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        px: string;
-        0.5: string;
-        1: string;
-        1.5: string;
-        2: string;
-        2.5: string;
-        3: string;
-        3.5: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-    };
-    borderRadius: {
-        default: string;
-    };
-    shadow: {
-        level1: string;
-        level2: string;
-        level3: string;
-    };
-    buttonSize: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    transition: {
-        speed: string;
-    };
-    zIndex: {
-        default: string;
-        level1: string;
-        level2: string;
-        level3: string;
-        level4: string;
-        level6: string;
-        level8: string;
-        level12: string;
-        level16: string;
-        level24: string;
-        level48: string;
-    };
-} | undefined, defaultValue?: string | undefined) => string;
-export declare const getThemeHex: (path: string, obj: object, separator?: string) => any;
+import { ExtendThemeProps } from '../shared/theme';
+/**
+ * This function takes a color string and returns the color value related to the theme or the original color string
+ * @param color : color value;
+ * @param theme : theme object;
+ * @param defaultValue : default value if color is not valid;
+ * @returns color value;
+ * @example
+ * getColorValue('primary.default', props.theme); // returns '#22E0A1'
+ */
+export declare const getColorValue: (color: string, theme?: ExtendThemeProps, defaultValue?: string) => string;
+export declare const getThemeHex: (path: string, obj: object, separator?: string) => any;
 //# sourceMappingURL=getColorValue.d.ts.map

package/dist/utils/getColorValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getColorValue.d.ts","sourceRoot":"","sources":["../../src/utils/getColorValue.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAGZ,MAMF,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,OAAO,MAAM,yBAAoB,GAGxE,CAAC"}
+{"version":3,"file":"getColorValue.d.ts","sourceRoot":"","sources":["../../src/utils/getColorValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UACjB,MAAM,UACL,gBAAgB,iBACT,MAAM,KACpB,MAMF,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,OAAO,MAAM,yBAAoB,GAGxE,CAAC"}

package/dist/utils/getSvg.d.ts

@@ -1,11 +1,11 @@
-declare type IconsObject = {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-};
-export declare const getSvg: (name: string, allIcons: IconsObject[]) => IconsObject;
-export {};
+declare type IconsObject = {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+};
+export declare const getSvg: (name: string, allIcons: IconsObject[]) => IconsObject;
+export {};
 //# sourceMappingURL=getSvg.d.ts.map

package/dist/utils/getSvg.js

@@ -11,7 +11,7 @@ var getSvg = function getSvg(name, allIcons) {
   });
 
   if (!filterIcon) {
-    throw new Error("Icon ".concat(name, " not found"));
+    return allIcons[0];
   } else {
     return filterIcon;
   }

package/dist/utils/getValuesBySize.d.ts

@@ -1,7 +1,7 @@
-declare type SizeName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
-declare type Sizes = {
-    [key in SizeName | string]: string | number;
-};
-export declare function getValuesBySize(sizes: Sizes, conditional?: SizeName): string | number;
-export {};
+declare type SizeName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
+declare type Sizes = {
+    [key in SizeName | string]: string | number;
+};
+export declare function getValuesBySize(sizes: Sizes, conditional?: SizeName): string | number;
+export {};
 //# sourceMappingURL=getValuesBySize.d.ts.map

package/dist/utils/invertColor.d.ts

@@ -1,8 +1,8 @@
-/**
- * Invert the provided color or return black or white if the color is darken or lighten
- * @param hex : hex color
- * @param bw : black or white
- * @returns : hex color
- */
-export declare const invertColor: (hex: string, bw: boolean) => string;
+/**
+ * Invert the provided color or return black or white if the color is darken or lighten
+ * @param hex : hex color
+ * @param bw : black or white
+ * @returns : hex color
+ */
+export declare const invertColor: (hex: string, bw: boolean) => string;
 //# sourceMappingURL=invertColor.d.ts.map

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.5.21",
+  "version": "1.5.24",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "repository": {
     "type": "git",
@@ -24,12 +25,12 @@
     "@emotion/styled": "^11.3.0",
     "framer-motion": "^4.1.17",
     "phone": "^3.1.33",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "babel src -d dist --extensions \".js,.jsx,.ts,.tsx\" --ignore \"**/*.test.tsx\" --ignore \"**/*.stories.js\" && npm run build:declarations",
+    "build": "babel src -d dist --extensions \".js,.jsx,.ts,.tsx\" --ignore \"**/*.test.js\" --ignore \"**/*.stories.js\" && npm run build:declarations",
     "build:declarations": "tsc --declaration --emitDeclarationOnly --outDir dist",
     "build:publish": "npm run build && npm publish --access public",
     "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
@@ -112,9 +113,5 @@
     "ts-node": "^10.4.0",
     "typescript": "^4.3.5",
     "webpack": "^5"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
   }
 }

package/dist/shared/global.d.ts

@@ -1,2 +0,0 @@
-export const PoppinsFont: "https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;700&display=swap";
-//# sourceMappingURL=global.d.ts.map

package/dist/shared/global.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/shared/global.js"],"names":[],"mappings":"AAAA,+GACuF"}