@pedidopago/ui 1.7.20 → 1.7.22

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}

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

@@ -1,8 +1,8 @@
-export { defaultTheme } from './theme';
-export { useTheme } from './hooks/useTheme';
-export { useColorMode } from './hooks/useColorMode';
-export { useColorModeValue } from './hooks/useColorModeValue';
-export { extendTheme } from './utils/extendTheme';
-export { PPUIThemeProvider } from './contexts/ThemeContext';
-export * from './theme.types';
+export { defaultTheme } from './theme';
+export { useTheme } from './hooks/useTheme';
+export { useColorMode } from './hooks/useColorMode';
+export { useColorModeValue } from './hooks/useColorModeValue';
+export { extendTheme } from './utils/extendTheme';
+export { PPUIThemeProvider } from './contexts/ThemeContext';
+export * from './theme.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,9 @@
+export declare const breakpoints: {
+    base: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}

package/dist/shared/theme/objects/breakpoints.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.breakpoints = void 0;
+var breakpoints = {
+  base: '0px',
+  sm: '30rem',
+  md: '48rem',
+  lg: '64rem',
+  xl: '80rem',
+  xxl: '100rem'
+};
+exports.breakpoints = breakpoints;

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

@@ -0,0 +1,171 @@
+export declare const colors: {
+    light: {
+        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;
+        };
+    };
+    dark: {
+        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;
+        };
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKlB,CAAC"}

package/dist/shared/theme/objects/colors.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var colors = {
+  light: {
+    body: {
+      light: '#fff',
+      dark: '#000'
+    },
+    primary: {
+      alert: 'rgba(181, 241, 221, 0.2)',
+      disabled: '#9DF1D5',
+      default: '#22E0A1',
+      hover: '#1fcb92',
+      focus: '#1cb582',
+      transparent: 'transparent'
+    },
+    secondary: {
+      disabled: '#DCE4FA',
+      default: '#023DD1',
+      hover: '#163D9E',
+      focus: '#1C4CC7'
+    },
+    tertiary: {
+      disabled: '#EAEFED',
+      default: '#CAD6D1',
+      hover: '#A3B8B0',
+      focus: '#709085'
+    },
+    neutral: {
+      white: '#FFFFFF',
+      neutral1: '#EAEFED',
+      neutral2: '#CAD6D1',
+      neutral3: '#A3B8B0',
+      neutral4: '#709085',
+      neutral5: '#587169',
+      neutral6: '#465953',
+      black: '#34423D'
+    },
+    background: {
+      linear1: 'linear-gradient(107.46deg, #034AFD 0%, #1ECAAF 111.36%)',
+      linear2: 'linear-gradient(99.45deg, rgba(255, 255, 255, 0) 34.2%, #FFFFFF 94.04%), #EAEFED',
+      linear3: 'linear-gradient(100.62deg, #FFFFFF 6.63%, rgba(255, 255, 255, 0) 93.99%), #EAEFED',
+      light: '#FFFFFF'
+    },
+    informative: {
+      default: '#3B82F6',
+      blurred: '#B1CDFB',
+      dark: '#364f62',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B1CDFB'
+    },
+    success: {
+      default: '#34D399',
+      blurred: '#B5F1DD',
+      dark: '#345f50',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B5F1DD'
+    },
+    success_secondary: {
+      default: '#34D3C9',
+      blurred: '#AAFAF5',
+      dark: '#345f59',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #AAFAF5'
+    },
+    warning: {
+      default: '#FB923C',
+      blurred: '#FDE7D5',
+      dark: '#5c523d',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FDD3B1'
+    },
+    warning_secondary: {
+      default: '#FFC453',
+      blurred: '#FFF1D6',
+      dark: '#5c523d',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FFE8BD'
+    },
+    error: {
+      default: '#EF4444',
+      blurred: '#F6CFD8',
+      dark: '#5a433f',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #F6CFD8'
+    },
+    critical: {
+      default: '#B80F60',
+      blurred: '#E0A6C2',
+      dark: '#4f3844',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E0A6C2'
+    }
+  },
+  dark: {
+    body: {
+      light: '#000',
+      dark: '#fff'
+    },
+    primary: {
+      alert: '#1cb582',
+      disabled: '#1fcb92',
+      default: '#35cd9b',
+      hover: '#9DF1D5',
+      focus: 'rgba(181, 241, 221, 0.2)',
+      transparent: 'transparent'
+    },
+    secondary: {
+      disabled: '#133385',
+      default: '#023DD1',
+      hover: '#7F9DEB',
+      focus: '#BFCEF5'
+    },
+    tertiary: {
+      disabled: '#709085',
+      default: '#A3B8B0',
+      hover: '#CAD6D1',
+      focus: '#EAEFED'
+    },
+    neutral: {
+      white: '#34423D',
+      neutral1: '#465953',
+      neutral2: '#587169',
+      neutral3: '#709085',
+      neutral4: '#A3B8B0',
+      neutral5: '#CAD6D1',
+      neutral6: '#EAEFED',
+      black: '#FFFFFF'
+    },
+    background: {
+      linear1: 'linear-gradient(107.46deg, #034AFD 0%, #1ECAAF 111.36%)',
+      linear2: 'linear-gradient(99.45deg, rgba(255, 255, 255, 0) 34.2%, #FFFFFF 94.04%), #EAEFED',
+      linear3: 'linear-gradient(100.62deg, #FFFFFF 6.63%, rgba(255, 255, 255, 0) 93.99%), #EAEFED',
+      light: '#FFFFFF'
+    },
+    informative: {
+      default: '#3B82F6',
+      blurred: '#364f62',
+      dark: '#B1CDFB',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B1CDFB'
+    },
+    success: {
+      default: '#34D399',
+      blurred: '#345f50',
+      dark: '#B5F1DD',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B5F1DD'
+    },
+    success_secondary: {
+      default: '#34D3C9',
+      blurred: '#345f59',
+      dark: '#AAFAF5',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #AAFAF5'
+    },
+    warning: {
+      default: '#FB923C',
+      blurred: '#5c523d',
+      dark: '#FDE7D5',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FDD3B1'
+    },
+    warning_secondary: {
+      default: '#FFC453',
+      blurred: '#5c523d',
+      dark: '#FFF1D6',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FFE8BD'
+    },
+    error: {
+      default: '#EF4444',
+      blurred: '#5a433f',
+      dark: '#F6CFD8',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #F6CFD8'
+    },
+    critical: {
+      default: '#B80F60',
+      blurred: '#4f3844',
+      dark: '#E0A6C2',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E0A6C2'
+    }
+  }
+};
+exports.colors = colors;

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

@@ -0,0 +1,13 @@
+export declare const shadow: {
+    light: {
+        level1: string;
+        level2: string;
+        level3: string;
+    };
+    dark: {
+        level1: string;
+        level2: string;
+        level3: string;
+    };
+};
+//# sourceMappingURL=shadows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/shadows.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC"}

package/dist/shared/theme/objects/shadows.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shadow = void 0;
+var shadow = {
+  light: {
+    level1: '0px 4px 8px rgba(165, 171, 179, 0.16)',
+    level2: '0px 8px 24px rgba(165, 171, 179, 0.4)',
+    level3: '0px 16px 32px rgba(165, 171, 179, 0.4)'
+  },
+  dark: {
+    level1: '0px 4px 8px rgba(0, 0, 0, 0.16)',
+    level2: '0px 8px 24px rgba(0, 0, 0, 0.4)',
+    level3: '0px 16px 32px rgba(0, 0, 0, 0.4)'
+  }
+};
+exports.shadow = shadow;

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

@@ -0,0 +1,23 @@
+declare const 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;
+};
+declare const buttonSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export { fontSizes, buttonSize };
+//# sourceMappingURL=sizes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/sizes.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAad,CAAC;AACF,QAAA,MAAM,UAAU;;;;;;CAMf,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC"}

package/dist/shared/theme/objects/sizes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontSizes = exports.buttonSize = void 0;
+var fontSizes = {
+  tiny: '0.625rem',
+  xxxs: '0.75rem',
+  xxs: '0.875rem',
+  xs: '1rem',
+  sm: '1.125rem',
+  md: '1.25rem',
+  lg: '1.5rem',
+  xl: '2rem',
+  xxl: '2.5rem',
+  xxxl: '3.25rem',
+  display: '4rem',
+  giant: '5rem'
+};
+exports.fontSizes = fontSizes;
+var buttonSize = {
+  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)
+};
+exports.buttonSize = buttonSize;

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

@@ -0,0 +1,131 @@
+export declare const 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;
+};
+export declare const 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;
+};
+export declare const 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;
+};
+//# sourceMappingURL=spaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/spaces.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQtB,CAAC"}