@pedidopago/ui 1.5.5 → 1.5.7

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,eAAe;;;mIAgI3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,eAAe;;;mIA4I3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}

package/dist/components/Button/styles.js

@@ -19,24 +19,46 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var ButtonContainer = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n  border: 0px;\n  cursor: pointer;\n\n  --button-brightness: brightness(0.85);\n\n  transition: all 0.15s ease-in-out;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  width: ", ";\n\n  &:disabled {\n    filter: opacity(0.5);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n"])), function (_ref) {
+var ButtonContainer = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: ", ";\n  font-size: ", ";\n  border-radius: 8px;\n  border: 0px;\n  cursor: pointer;\n  padding: ", ";\n\n  --button-brightness: brightness(0.85);\n\n  transition: all 0.15s ease-in-out;\n\n  color: ", ";\n\n  background-color: ", ";\n\n  width: ", ";\n\n  &:disabled {\n    filter: opacity(0.5);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n\n  @media screen and (min-width: ", ") {\n    width: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.fontWeight[600];
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.fontSizes.xs;
 }, function (_ref3) {
-  var theme = _ref3.theme,
-      textColor = _ref3.textColor,
-      bgColor = _ref3.bgColor;
-  var baseColor = (0, _invertColor.invertColor)(textColor || bgColor || theme.colors.primary.default, true);
-  return textColor !== null && textColor !== void 0 ? textColor : baseColor;
+  var size = _ref3.size;
+
+  switch (size) {
+    case 'xs':
+      return '4px 8px';
+
+    case 'sm':
+      return '8px 16px';
+
+    case 'md':
+      return '12px 24px';
+
+    case 'lg':
+      return '16px 32px';
+
+    case 'xl':
+      return '20px 40px';
+
+    default:
+      return '12px 24px';
+  }
 }, function (_ref4) {
   var theme = _ref4.theme,
+      textColor = _ref4.textColor,
       bgColor = _ref4.bgColor;
-  return bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default;
+  var baseColor = (0, _invertColor.invertColor)(textColor || bgColor || theme.colors.primary.default, true);
+  return textColor !== null && textColor !== void 0 ? textColor : baseColor;
 }, function (_ref5) {
-  var fullWidth = _ref5.fullWidth;
+  var theme = _ref5.theme,
+      bgColor = _ref5.bgColor;
+  return bgColor !== null && bgColor !== void 0 ? bgColor : theme.colors.primary.default;
+}, function (_ref6) {
+  var fullWidth = _ref6.fullWidth;
 
   if (fullWidth) {
     if (_typeof(fullWidth) === 'object' && fullWidth !== undefined) {
@@ -45,63 +67,63 @@ var ButtonContainer = _styled.default.button(_templateObject || (_templateObject
 
     return '100%';
   }
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      variant = _ref6.variant,
-      textColor = _ref6.textColor,
-      bgColor = _ref6.bgColor;
+}, function (_ref7) {
+  var theme = _ref7.theme,
+      variant = _ref7.variant,
+      textColor = _ref7.textColor,
+      bgColor = _ref7.bgColor;
 
   switch (variant) {
     case 'solid':
-      return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          padding: 0.875rem 2rem;\n          &:is(&:hover, &:focus):not(:disabled) {\n            box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\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          padding: 0.875rem 2rem;\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);
+      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);
 
     case 'ghost':
-      return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          padding-inline: 0;\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
+      return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
 
     case 'link':
-      return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          padding-inline: 0;\n          text-decoration: underline;\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
+      return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          text-decoration: underline;\n          background-color: transparent;\n          color: ", ";\n          &:is(&:hover, &:focus):not(:disabled) {\n            filter: var(--button-brightness);\n          }\n        "])), bgColor || textColor || theme.colors.primary.default);
   }
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.breakpoints.sm;
 }, function (_ref8) {
-  var fullWidth = _ref8.fullWidth;
+  var theme = _ref8.theme;
+  return theme.breakpoints.sm;
+}, function (_ref9) {
+  var fullWidth = _ref9.fullWidth;
 
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.sm === undefined;
     if (widthWasNotSet) return;
     return fullWidth.sm ? '100%' : 'fit-content';
   }
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.breakpoints.md;
 }, function (_ref10) {
-  var fullWidth = _ref10.fullWidth;
+  var theme = _ref10.theme;
+  return theme.breakpoints.md;
+}, function (_ref11) {
+  var fullWidth = _ref11.fullWidth;
 
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.md === undefined;
     if (widthWasNotSet) return;
     return fullWidth.md ? '100%' : 'fit-content';
   }
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.breakpoints.lg;
 }, function (_ref12) {
-  var fullWidth = _ref12.fullWidth;
+  var theme = _ref12.theme;
+  return theme.breakpoints.lg;
+}, function (_ref13) {
+  var fullWidth = _ref13.fullWidth;
 
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.lg === undefined;
     if (widthWasNotSet) return;
     return fullWidth.lg ? '100%' : 'fit-content';
   }
-}, function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.breakpoints.xl;
 }, function (_ref14) {
-  var fullWidth = _ref14.fullWidth;
+  var theme = _ref14.theme;
+  return theme.breakpoints.xl;
+}, function (_ref15) {
+  var fullWidth = _ref15.fullWidth;
 
   if (_typeof(fullWidth) === 'object') {
     var widthWasNotSet = fullWidth.xl === undefined;

package/dist/components/Icon/data/dash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAirFrB,CAAC"}
+{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAyrFrB,CAAC"}