@pedidopago/ui 1.0.9 → 1.1.3

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

@@ -1,280 +1,280 @@
-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: {
+        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;
+    };
+};
 //# sourceMappingURL=theme.d.ts.map

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.test.js

@@ -6,12 +6,22 @@ require("@testing-library/jest-dom");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _react.render)( /*#__PURE__*/React.createElement(_.PPUIThemeProvider, props, props.children));
+  var utils = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PPUIThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  })));
   return utils;
 };
 
@@ -32,12 +42,14 @@ describe('Theme', function () {
               var _useTheme = (0, _.useTheme)(),
                   theme = _useTheme.theme;
 
-              return /*#__PURE__*/React.createElement("div", null, theme.colors.primary);
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                children: theme.colors.primary
+              });
             };
 
             utils = setup({
               theme: newTheme,
-              children: /*#__PURE__*/React.createElement(TestComponent, null)
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
             });
             _context.t0 = expect;
             _context.next = 6;
@@ -60,14 +72,15 @@ describe('Theme', function () {
           colorMode = _useColorMode.colorMode,
           switchColorMode = _useColorMode.switchColorMode;
 
-      return /*#__PURE__*/React.createElement("button", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         "data-testid": "button-child",
-        onClick: switchColorMode
-      }, colorMode === 'light' ? 'Light mode' : 'Dark mode');
+        onClick: switchColorMode,
+        children: colorMode === 'light' ? 'Light mode' : 'Dark mode'
+      });
     };
 
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(ChildComponent, null)
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
     });
     expect(utils.getByTestId('button-child')).toHaveTextContent('Light mode');
 
@@ -83,14 +96,15 @@ describe('Theme', function () {
           switchColorMode = _useColorMode2.switchColorMode;
 
       var color = (0, _.useColorModeValue)('#ff0000', '#0000ff');
-      return /*#__PURE__*/React.createElement("button", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         "data-testid": "button-child",
-        onClick: switchColorMode
-      }, color);
+        onClick: switchColorMode,
+        children: color
+      });
     };
 
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(ChildComponent, null)
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
     });
     expect(utils.getByTestId('button-child')).toHaveTextContent('#ff0000');
 

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