@pedidopago/ui 1.15.0 → 1.15.1

package/dist/components/ComposeIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwCrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4CrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ComposeIcon/index.js

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}// Componentes
-// Hooks
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}// Libs
 // Styles
 // Types
-var ComposeIcon=function(_ref){var backgroundIcon=_ref.backgroundIcon,foregroundIcon=_ref.foregroundIcon,bubbleColor=_ref.bubbleColor,_ref$bubblePosition=_ref.bubblePosition,bubblePosition=void 0===_ref$bubblePosition?"bottom-right":_ref$bubblePosition,_ref$bubbleBorder=_ref.bubbleBorder,bubbleBorder=!(void 0!==_ref$bubbleBorder)||_ref$bubbleBorder,_ref$bubbleShadow=_ref.bubbleShadow,bubbleShadow=!(void 0!==_ref$bubbleShadow)||_ref$bubbleShadow,_ref$size=_ref.size,size=void 0===_ref$size?150:_ref$size,iconSizeOffset="center"!==bubblePosition||bubbleBorder||bubbleShadow?.26:.35,backgroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(backgroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(backgroundIcon,_objectSpread(_objectSpread({},null===backgroundIcon||void 0===backgroundIcon?void 0:backgroundIcon.props),{},{size:size})),foregroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(foregroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(foregroundIcon,_objectSpread(_objectSpread({},null===foregroundIcon||void 0===foregroundIcon?void 0:foregroundIcon.props),{},{size:size*iconSizeOffset}));return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComposeIconContainer,{"data-testid":"composeIcon",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StatusBubbleContainer,{bubblePosition:bubblePosition,bubbleColor:bubbleColor,bubbleBorder:bubbleBorder,bubbleShadow:bubbleShadow,size:size,children:foregroundIconComponent}),backgroundIconComponent]})},_default=ComposeIcon;exports.default=_default;
+var ComposeIcon=function(_ref){var _foregroundIcon$props,backgroundIcon=_ref.backgroundIcon,foregroundIcon=_ref.foregroundIcon,bubbleColor=_ref.bubbleColor,_ref$bubblePosition=_ref.bubblePosition,bubblePosition=void 0===_ref$bubblePosition?"bottom-right":_ref$bubblePosition,_ref$bubbleBorder=_ref.bubbleBorder,bubbleBorder=!(void 0!==_ref$bubbleBorder)||_ref$bubbleBorder,_ref$bubbleShadow=_ref.bubbleShadow,bubbleShadow=!(void 0!==_ref$bubbleShadow)||_ref$bubbleShadow,_ref$size=_ref.size,size=void 0===_ref$size?150:_ref$size,bubbleOffsetX=_ref.bubbleOffsetX,bubbleOffsetY=_ref.bubbleOffsetY,iconSizeOffset="center"!==bubblePosition||bubbleBorder||bubbleShadow?.26:.35,backgroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(backgroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(backgroundIcon,_objectSpread(_objectSpread({},null===backgroundIcon||void 0===backgroundIcon?void 0:backgroundIcon.props),{},{size:size})),foregroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(foregroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(foregroundIcon,_objectSpread(_objectSpread({},null===foregroundIcon||void 0===foregroundIcon?void 0:foregroundIcon.props),{},{size:(null===foregroundIcon||void 0===foregroundIcon||null===(_foregroundIcon$props=foregroundIcon.props)||void 0===_foregroundIcon$props?void 0:_foregroundIcon$props.size)||size*iconSizeOffset}));return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComposeIconContainer,{"data-testid":"composeIcon",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StatusBubbleContainer,{bubblePosition:bubblePosition,bubbleColor:bubbleColor,bubbleBorder:bubbleBorder,bubbleShadow:bubbleShadow,size:size,bubbleOffsetX:bubbleOffsetX,bubbleOffsetY:bubbleOffsetY,children:foregroundIconComponent}),backgroundIconComponent]})},_default=ComposeIcon;exports.default=_default;

package/dist/components/ComposeIcon/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StatusBubbleContainer=exports.ComposeIconContainer=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ComposeIconContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n\n  width: fit-content;\n  height: fit-content;\n"])));exports.ComposeIconContainer=ComposeIconContainer;var StatusBubbleContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  padding: 4px;\n\n  background: ",";\n\n  border-radius: 50%;\n  border: ",";\n  box-shadow: ",";\n\n  ","\n"])),function(_ref){var bubbleColor=_ref.bubbleColor,theme=_ref.theme;return bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white},function(_ref2){var size=_ref2.size,bubbleBorder=_ref2.bubbleBorder,bubbleColor=_ref2.bubbleColor,theme=_ref2.theme;return"".concat(.03*size,"px solid ").concat(!bubbleBorder&&bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white)},function(_ref3){var bubbleShadow=_ref3.bubbleShadow;return bubbleShadow?"rgba(0, 0, 0, 0.2) 0px 3px 8px":"none"},function(_ref4){var _ref4$bubblePosition=_ref4.bubblePosition,bubblePosition=void 0===_ref4$bubblePosition?"bottom-right":_ref4$bubblePosition;return"center"===bubblePosition?"\n        top: 36%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        ":"top-left"===bubblePosition?"\n        top: 20%;\n        left: 0;\n        ":"top-right"===bubblePosition?"\n        top: 20%;\n        right: 0;\n        ":"bottom-left"===bubblePosition?"\n        left: 0;\n        bottom: 5%;\n        ":"bottom-right"===bubblePosition?"\n        right: 0;\n        bottom: 5%;\n        ":void 0});exports.StatusBubbleContainer=StatusBubbleContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StatusBubbleContainer=exports.ComposeIconContainer=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ComposeIconContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n\n  width: fit-content;\n  height: fit-content;\n"])));exports.ComposeIconContainer=ComposeIconContainer;var StatusBubbleContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  padding: 4px;\n\n  background: ",";\n\n  border-radius: 50%;\n  border: ",";\n  box-shadow: ",";\n\n  ","\n"])),function(_ref){var bubbleColor=_ref.bubbleColor,theme=_ref.theme;return bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white},function(_ref2){var size=_ref2.size,bubbleBorder=_ref2.bubbleBorder,bubbleColor=_ref2.bubbleColor,theme=_ref2.theme;return"".concat(.03*size,"px solid ").concat(!bubbleBorder&&bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white)},function(_ref3){var bubbleShadow=_ref3.bubbleShadow;return bubbleShadow?"rgba(0, 0, 0, 0.2) 0px 3px 8px":"none"},function(_ref4){var _ref4$bubblePosition=_ref4.bubblePosition,bubblePosition=void 0===_ref4$bubblePosition?"bottom-right":_ref4$bubblePosition,bubbleOffsetX=_ref4.bubbleOffsetX,bubbleOffsetY=_ref4.bubbleOffsetY;return"center"===bubblePosition?"\n        top: calc(36% - ".concat(bubbleOffsetY||0,"px);\n        left: calc(50% - ").concat(bubbleOffsetX||0,"px);\n        transform: translate(-50%,-50%);\n        "):"top-left"===bubblePosition?"\n        top: calc(20% - ".concat(bubbleOffsetY||0,"px);\n        left: calc(0 - ").concat(bubbleOffsetX||0,"px);\n        "):"top-right"===bubblePosition?"\n        top: calc(20% - ".concat(bubbleOffsetY||0,"px);\n        right: calc(0 - ").concat(bubbleOffsetX||0,"px);\n        "):"bottom-left"===bubblePosition?"\n        left: calc(0 - ".concat(bubbleOffsetX||0,"px);\n        bottom: calc(5% - ").concat(bubbleOffsetY||0,"px);\n        "):"bottom-right"===bubblePosition?"\n        right: calc(0 - ".concat(bubbleOffsetX||0,"px);\n        bottom: calc(5% - ").concat(bubbleOffsetY||0,"px);\n        "):void 0});exports.StatusBubbleContainer=StatusBubbleContainer;

package/dist/components/ComposeIcon/types.d.ts

@@ -1,12 +1,15 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { GlobalColorsProps } from '../../shared/theme';
+import { IIconComponentProps } from '../Icon/types';
 export interface ComposeIconProps {
-    backgroundIcon: ReactNode;
-    foregroundIcon: ReactNode;
+    backgroundIcon: ReactElement<IIconComponentProps>;
+    foregroundIcon: ReactElement<IIconComponentProps>;
     size?: number;
     bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
     bubbleColor?: GlobalColorsProps | (string & {});
     bubbleBorder?: boolean;
     bubbleShadow?: boolean;
+    bubbleOffsetX?: number;
+    bubbleOffsetY?: number;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ComposeIcon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClG,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ComposeIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAClD,cAAc,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClG,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.15.0",
-  "description": "Quick build beatiful Pedido Pago apps",
+  "version": "1.15.1",
+  "description": "Quick build beautiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [