@pedidopago/ui 1.3.13 → 1.3.14

package/dist/components/Button/styles.js

@@ -58,7 +58,7 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
 
   switch (variant) {
     case 'solid':
-      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.2);\n          }\n        "])));
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n          }\n        "])));
 
     case 'outline':
       return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          border: 3px ", " solid;\n          box-shadow: none;\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), textColor || bgColor || theme.colors.primary.default, bgColor || textColor || theme.colors.primary.default);

package/dist/components/ColorPicker/utils/parsers.js

@@ -15,10 +15,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * This function converts a string color to a hsva color object
- * @param color : Color to convert to hsva;
- * @returns : hsva color object
+/**
+ * This function converts a string color to a hsva color object
+ * @param color : Color to convert to hsva;
+ * @returns : hsva color object
  */
 var colorToHsva = function colorToHsva(color) {
   // Check if the color is a hex string and convert it to rgba and then to hsva
@@ -53,10 +53,10 @@ var colorToHsva = function colorToHsva(color) {
     a: 1
   };
 };
-/**
- * This function gets the color mode from the color string
- * @param color : Color to check your output mode
- * @returns : Color mode
+/**
+ * This function gets the color mode from the color string
+ * @param color : Color to check your output mode
+ * @returns : Color mode
  */
 
 
@@ -85,11 +85,11 @@ var colorMode = function colorMode(color) {
 
   return 'unknown';
 };
-/**
- * This function converts a hsva color object to a string color
- * @param hsva : hsva color object
- * @param colorMode : Color output mode
- * @returns : Color string
+/**
+ * This function converts a hsva color object to a string color
+ * @param hsva : hsva color object
+ * @param colorMode : Color output mode
+ * @returns : Color string
  */
 
 
@@ -116,11 +116,11 @@ var colorFromHsva = function colorFromHsva(hsva, colorMode) {
       return 'unknown';
   }
 };
-/**
- * This function converts a color string to output color mode
- * @param color : Color string;
- * @param outputMode : Color output mode;
- * @returns : Color string
+/**
+ * This function converts a color string to output color mode
+ * @param color : Color string;
+ * @param outputMode : Color output mode;
+ * @returns : Color string
  */
 
 

package/dist/components/Dropzone/utils/accepts.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.accepts = void 0;
 
-/**
- * Verify if the given file can be accepted by the dropzone.
- *
- * Code abstration of: https://github.com/react-dropzone/attr-accept
- *
- * @param file The file to verify
- * @param acceptedFiles The accepted files
- * @returns true if the file can be accepted, false otherwise
+/**
+ * Verify if the given file can be accepted by the dropzone.
+ *
+ * Code abstration of: https://github.com/react-dropzone/attr-accept
+ *
+ * @param file The file to verify
+ * @param acceptedFiles The accepted files
+ * @returns true if the file can be accepted, false otherwise
  */
 var accepts = function accepts(file, acceptedFormats) {
   if (file && acceptedFormats) {

package/dist/components/Icon/scripts/build.js

@@ -35,8 +35,8 @@ var twirlTimer = function twirlTimer() {
     x &= 3;
   }, 250);
 };
-/**
- * Builds the icons and types files.
+/**
+ * Builds the icons and types files.
  */
 
 

package/dist/components/Icon/scripts/extractor.js

@@ -11,11 +11,11 @@ var _fs = require("fs");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Extractor is a function that extracts the svg content from the icon file.
- * @param files - The directory with the files to extract.
- * @param currentPath - The current path of the file
- * @returns Array of objects with the name and the content of the icon svg.
+/**
+ * Extractor is a function that extracts the svg content from the icon file.
+ * @param files - The directory with the files to extract.
+ * @param currentPath - The current path of the file
+ * @returns Array of objects with the name and the content of the icon svg.
  */
 var extractor = function extractor(files, currentPath) {
   return files.map(function (file) {

package/dist/components/Icon/scripts/writers.js

@@ -11,10 +11,10 @@ var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * This function generates the types file for the Icon component
- * @param iconsList - The list of icons
- * @param overwrite - If true, the file will be overwritten
+/**
+ * This function generates the types file for the Icon component
+ * @param iconsList - The list of icons
+ * @param overwrite - If true, the file will be overwritten
  */
 var writeTypesFile = function writeTypesFile(iconsList) {
   var overwrite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -27,11 +27,11 @@ var writeTypesFile = function writeTypesFile(iconsList) {
     }).join(' | '), ";\n\n      export type IIconComponentProps = {\n        name: IconName;\n        size?: number | string;\n        color?: GlobalColorsProps | (string & {});\n        secondColor?: GlobalColorsProps | (string & {});\n      }\n      "));
   }
 };
-/**
- * This function generates the icons json file for the Icon component
- * @param iconsList - The list of icons
- * @param jsonFileName - The name of the json file
- * @param overwrite - If true, the file will be overwritten
+/**
+ * This function generates the icons json file for the Icon component
+ * @param iconsList - The list of icons
+ * @param jsonFileName - The name of the json file
+ * @param overwrite - If true, the file will be overwritten
  */
 
 

package/dist/components/Rating/components/GradientIcon/scripts/build.js

@@ -35,10 +35,10 @@ var twirlTimer = function twirlTimer() {
     x &= 3;
   }, 250);
 };
-/**
- * Builds the icons and types files.
- * To run this script, you need to call this at the test file:
- * `require('./scripts/build')` or `import build from './scripts/build'`
+/**
+ * Builds the icons and types files.
+ * To run this script, you need to call this at the test file:
+ * `require('./scripts/build')` or `import build from './scripts/build'`
  */
 
 

package/dist/components/Rating/components/GradientIcon/scripts/extractor.js

@@ -11,11 +11,11 @@ var _fs = require("fs");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Extractor is a function that extracts the svg content from the icon file.
- * @param files - The directory with the files to extract.
- * @param currentPath - The current path of the file
- * @returns Array of objects with the name and the content of the icon svg.
+/**
+ * Extractor is a function that extracts the svg content from the icon file.
+ * @param files - The directory with the files to extract.
+ * @param currentPath - The current path of the file
+ * @returns Array of objects with the name and the content of the icon svg.
  */
 var extractor = function extractor(files, currentPath) {
   return files.map(function (file) {

package/dist/components/Rating/components/GradientIcon/scripts/writers.js

@@ -11,10 +11,10 @@ var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * This function generates the types file for the Icon component
- * @param iconsList - The list of icons
- * @param overwrite - If true, the file will be overwritten
+/**
+ * This function generates the types file for the Icon component
+ * @param iconsList - The list of icons
+ * @param overwrite - If true, the file will be overwritten
  */
 var writeTypesFile = function writeTypesFile(iconsList) {
   var overwrite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -27,11 +27,11 @@ var writeTypesFile = function writeTypesFile(iconsList) {
     }).join(' | '), ";\n\n      export type IIconComponentProps = {\n        name: IconName;\n        size?: number | string;\n        color?: GlobalColorsProps | (string & {});\n        secondColor?: GlobalColorsProps | (string & {});\n      }\n      "));
   }
 };
-/**
- * This function generates the icons json file for the Icon component
- * @param iconsList - The list of icons
- * @param jsonFileName - The name of the json file
- * @param overwrite - If true, the file will be overwritten
+/**
+ * This function generates the icons json file for the Icon component
+ * @param iconsList - The list of icons
+ * @param jsonFileName - The name of the json file
+ * @param overwrite - If true, the file will be overwritten
  */
 
 

package/dist/components/Skeleton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;+IAgG1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;+IAmG1B,CAAC"}

package/dist/components/Skeleton/styles.js

@@ -15,7 +15,7 @@ var _colorCheck = require("../../utils/colorCheck");
 
 var _invertColor = require("../../utils/invertColor");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,9 +34,9 @@ var SkeletonElement = _styled.default.div(function (props) {
     wave: (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      overflow: hidden;\n      transform-origin: 0px 55%;\n\n      &::after {\n        content: '';\n        inset: 0px;\n        position: absolute;\n        animation: 1.6s linear 0.5s infinite normal none running move;\n        transform: translateX(-100%);\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ", ",\n          transparent\n        );\n      }\n\n      @keyframes move {\n        0% {\n          transform: translateX(-100%);\n        }\n        40% {\n          transform: translateX(100%);\n        }\n        100% {\n          transform: translateX(100%);\n        }\n      }\n    "])), (0, _colorCheck.parseHexColorToRgba)(waveColor, waveColorOpacity)),
     pulse: (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      animation: 1.6s linear 0.5s infinite normal none running pulse;\n\n      @keyframes pulse {\n        0% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.4;\n        }\n        100% {\n          opacity: 1;\n        }\n      }\n    "])))
   };
-  var unloadedCss = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    user-select: none;\n    pointer-events: none;\n    cursor: default;\n    background: padding-box ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n    color: transparent;\n\n    ", ";\n\n    * {\n      visibility: hidden;\n      color: transparent;\n    }\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], props.fullWidth ? '100%' : typeof props.width === 'number' ? props.width + 'px' : props.width || '', typeof props.height === 'number' ? props.height + 'px' : props.height || '', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
+  var unloadedCss = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    user-select: none;\n    pointer-events: none;\n    cursor: default;\n    background: padding-box ", ";\n    border-radius: ", ";\n    height: ", ";\n    color: transparent;\n\n    ", ";\n\n    * {\n      visibility: hidden;\n      color: transparent;\n    }\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], typeof props.height === 'number' ? props.height + 'px' : props.height || '', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
   var loadedCss = (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: block;\n    background: transparent;\n\n    transition: all 300ms ease;\n  "])));
-  return props.isLoaded ? loadedCss : unloadedCss;
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: ", ";\n\n    ", "\n  "])), props.fullWidth ? '100%' : typeof props.width === 'number' ? props.width + 'px' : props.width || '', props.isLoaded ? loadedCss : unloadedCss);
 });
 
 exports.SkeletonElement = SkeletonElement;

package/dist/shared/hooks/useBreakpoint.js

@@ -21,11 +21,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Checks if the screen width matches the breakpoint in a certain direction everytime the screen resizes.
- * @param breakpoint The target breakpoint to compare. Can use one of the specified breakpoints or a custom one passing a number.
- * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the breakpoint. "Up" will return true if it's larger.
- * @returns If the screen width matches the breakpoint in a certain direction.
+/**
+ * Checks if the screen width matches the breakpoint in a certain direction everytime the screen resizes.
+ * @param breakpoint The target breakpoint to compare. Can use one of the specified breakpoints or a custom one passing a number.
+ * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the breakpoint. "Up" will return true if it's larger.
+ * @returns If the screen width matches the breakpoint in a certain direction.
  */
 function useBreakpoint(breakpoint) {
   var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';

package/dist/utils/GenerateKey.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.generateKey = generateKey;
 exports.s4 = s4;
 
-/**
- * Generates a random hexadecimal string with length 4.
- * @returns hexadecimal string.
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
  */
 function s4() {
   return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
 }
-/**
- * Generates a unique key using Date and pseudo random numbers.
- * @returns A unique key.
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
  */
 
 

package/dist/utils/brightnessColorChange.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.brightnessColorChange = brightnessColorChange;
 
-/**
- * Change the brightness of a color
- * @param color : color to change;
- * @param percent : percent of brightness;
- * @returns : new color with changed brightness;
- * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+/**
+ * Change the brightness of a color
+ * @param color : color to change;
+ * @param percent : percent of brightness;
+ * @returns : new color with changed brightness;
+ * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
  */
 function brightnessColorChange(color, percent) {
   var f = parseInt(color.slice(1), 16);

package/dist/utils/colorCheck.js

@@ -17,22 +17,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Verifies if the provided color is a valid hex color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
+/**
+ * Verifies if the provided color is a valid hex color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
  */
 var isHexColor = function isHexColor(color) {
   var hexColorWithSixLetters = /^#[0-9A-F]{6}$/i;
   var hexColorWithThreeLetters = /^#([0-9A-F]{3}){1,2}$/i;
   return hexColorWithSixLetters.test(color) || hexColorWithThreeLetters.test(color);
 };
-/**
- * Verifies if the provided color is a valid rgb or hsl color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+/**
+ * Verifies if the provided color is a valid rgb or hsl color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
  */
 
 
@@ -42,11 +42,11 @@ var isRgbHslColor = function isRgbHslColor(color) {
   var regexModel = /^(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/;
   return regexModel.test(color);
 };
-/**
- * Verifies if the provided color is a valid theme color and returns the theme color value.
- * @param color : theme color tag value;
- * @param themeColors : theme colors object;
- * @returns : theme color value if color is valid, null otherwise;
+/**
+ * Verifies if the provided color is a valid theme color and returns the theme color value.
+ * @param color : theme color tag value;
+ * @param themeColors : theme colors object;
+ * @returns : theme color value if color is valid, null otherwise;
  */
 
 
@@ -65,11 +65,11 @@ var stripThemeColors = function stripThemeColors(color, themeColors) {
 
   return null;
 };
-/**
- * Convert a hex color to rgba color.
- * @param color : hex color value;
- * @param opacity : opacity value;
- * @returns : rgba color value;
+/**
+ * Convert a hex color to rgba color.
+ * @param color : hex color value;
+ * @param opacity : opacity value;
+ * @returns : rgba color value;
  */
 
 
@@ -82,10 +82,10 @@ var parseHexColorToRgba = function parseHexColorToRgba(color, opacity) {
 
   return 'rgba(0, 0, 0, 0)';
 };
-/**
- * Convert a hsl array color to string
- * @param color : hsl color array;
- * @returns : hsl color value;
+/**
+ * Convert a hsl array color to string
+ * @param color : hsl color array;
+ * @returns : hsl color value;
  */
 
 

package/dist/utils/getColorValue.js

@@ -7,14 +7,14 @@ exports.getColorValue = void 0;
 
 var _colorCheck = require("../utils/colorCheck");
 
-/**
- * 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'
+/**
+ * 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'
  */
 var getColorValue = function getColorValue(color, theme, defaultValue) {
   if ((0, _colorCheck.isHexColor)(color) || (0, _colorCheck.isRgbHslColor)(color)) return color;

package/dist/utils/invertColor.js

@@ -11,11 +11,11 @@ var padZero = function padZero(str) {
   var zeros = new Array(len).join('0');
   return (zeros + str).slice(-len);
 };
-/**
- * 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
+/**
+ * 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
  */
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",