@pedidopago/ui 1.1.5 → 1.2.0

package/dist/shared/theme/theme.d.ts

@@ -1,280 +1,282 @@
-export declare const defaultTheme: {
-    fontSizes: {
-        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: {
-        sm: string;
-        md: 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;
-    };
-};
+export declare const defaultTheme: {
+    fontSizes: {
+        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;
+    };
+};
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AA4NA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AA8NA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC"}

package/dist/shared/theme/theme.js

@@ -25,9 +25,16 @@ var fontSizes = {
   giant: '5rem'
 };
 var buttonSize = {
-  sm: '44px',
-  md: '52px',
-  xl: '60px'
+  xs: '2.25em',
+  // 36px - 2.25em
+  sm: '2.75em',
+  // 44px - 2.75em
+  md: '3.25em',
+  // 52px - 3.25em
+  lg: '3.75em',
+  // 60px - 3.75em
+  xl: '4.25em' // breaking change: (60px 3.75em) > (68px 4.25em)
+
 };
 var breakpoints = {
   base: '0px',

package/dist/shared/theme/theme.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=theme.test.d.ts.map

package/dist/shared/theme/theme.types.d.ts

@@ -1,15 +1,15 @@
-import { defaultTheme } from '.';
-export declare type ExtendThemeProps = typeof defaultTheme;
-export declare type ThemeProps = ExtendThemeProps & {
-    [key: string]: any;
-};
-export declare type CustomThemeProps = {
-    [Key in keyof ExtendThemeProps]?: Partial<ExtendThemeProps[Key] | {
-        [Key2 in keyof ExtendThemeProps[Key]]: Partial<ExtendThemeProps[Key][Key2]> | string;
-    }>;
-};
-export declare type ExtendMethodProps = (customTheme: (CustomThemeProps & {
-    [key: string]: any;
-})) => ExtendThemeProps;
-export declare type GlobalColorsProps = 'body.light' | 'body.dark' | 'primary.alert' | 'primary.alert' | 'primary.disabled' | 'primary.default' | 'primary.hover' | 'primary.focus' | 'secondary.disabled' | 'secondary.default' | 'secondary.hover' | 'secondary.focus' | 'tertiary.disabled' | 'tertiary.default' | 'tertiary.hover' | 'tertiary.focus' | 'neutral.white' | 'neutral.neutral1' | 'neutral.neutral2' | 'neutral.neutral3' | 'neutral.neutral4' | 'neutral.neutral5' | 'neutral.black' | 'background.linear1' | 'background.linear2' | 'background.linear3' | 'background.light' | 'informative.default' | 'informative.blurred' | 'informative.gradient' | 'success.default' | 'success.blurred' | 'success.gradient' | 'success_secondary.default' | 'success_secondary.blurred' | 'success_secondary.gradient' | 'warning.default' | 'warning.blurred' | 'warning.gradient' | 'warning_secondary.default' | 'warning_secondary.blurred' | 'warning_secondary.gradient' | 'error.default' | 'error.blurred' | 'error.gradient' | 'critical.default' | 'critical.blurred' | 'critical.gradient';
+import { defaultTheme } from '.';
+export declare type ExtendThemeProps = typeof defaultTheme;
+export declare type ThemeProps = ExtendThemeProps & {
+    [key: string]: any;
+};
+export declare type CustomThemeProps = {
+    [Key in keyof ExtendThemeProps]?: Partial<ExtendThemeProps[Key] | {
+        [Key2 in keyof ExtendThemeProps[Key]]: Partial<ExtendThemeProps[Key][Key2]> | string;
+    }>;
+};
+export declare type ExtendMethodProps = (customTheme: (CustomThemeProps & {
+    [key: string]: any;
+})) => ExtendThemeProps;
+export declare type GlobalColorsProps = 'body.light' | 'body.dark' | 'primary.alert' | 'primary.alert' | 'primary.disabled' | 'primary.default' | 'primary.hover' | 'primary.focus' | 'secondary.disabled' | 'secondary.default' | 'secondary.hover' | 'secondary.focus' | 'tertiary.disabled' | 'tertiary.default' | 'tertiary.hover' | 'tertiary.focus' | 'neutral.white' | 'neutral.neutral1' | 'neutral.neutral2' | 'neutral.neutral3' | 'neutral.neutral4' | 'neutral.neutral5' | 'neutral.black' | 'background.linear1' | 'background.linear2' | 'background.linear3' | 'background.light' | 'informative.default' | 'informative.blurred' | 'informative.gradient' | 'success.default' | 'success.blurred' | 'success.gradient' | 'success_secondary.default' | 'success_secondary.blurred' | 'success_secondary.gradient' | 'warning.default' | 'warning.blurred' | 'warning.gradient' | 'warning_secondary.default' | 'warning_secondary.blurred' | 'warning_secondary.gradient' | 'error.default' | 'error.blurred' | 'error.gradient' | 'critical.default' | 'critical.blurred' | 'critical.gradient';
 //# sourceMappingURL=theme.types.d.ts.map

package/dist/shared/theme/utils/extendTheme.d.ts

@@ -1,3 +1,3 @@
-import { ExtendMethodProps } from '..';
-export declare const extendTheme: ExtendMethodProps;
+import { ExtendMethodProps } from '..';
+export declare const extendTheme: ExtendMethodProps;
 //# sourceMappingURL=extendTheme.d.ts.map

package/dist/shared/theme/utils/localStorageController.d.ts

@@ -1,7 +1,7 @@
-export declare const localStorageController: {
-    get(key: string): "light" | "dark";
-    set(key: string, value: string): void;
-    remove(key: string): void;
-    clear(): void;
-};
+export declare const localStorageController: {
+    get(key: string): "light" | "dark";
+    set(key: string, value: string): void;
+    remove(key: string): void;
+    clear(): void;
+};
 //# sourceMappingURL=localStorageController.d.ts.map

package/dist/utils/GenerateKey.d.ts

@@ -1,11 +1,11 @@
-/**
- * Generates a random hexadecimal string with length 4.
- * @returns hexadecimal string.
- */
-export declare function s4(): string;
-/**
- * Generates a unique key using Date and pseudo random numbers.
- * @returns A unique key.
- */
-export declare function generateKey(): string;
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
+ */
+export declare function s4(): string;
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
+ */
+export declare function generateKey(): string;
 //# sourceMappingURL=GenerateKey.d.ts.map