@pedidopago/ui 1.4.4 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/components/Badge/styles.d.ts.map +1 -1
  2. package/dist/components/Badge/styles.js +1 -1
  3. package/dist/components/Button/styles.d.ts.map +1 -1
  4. package/dist/components/Button/styles.js +1 -1
  5. package/dist/components/DateInput/index.d.ts.map +1 -1
  6. package/dist/components/DateInput/index.js +1 -0
  7. package/dist/components/Dialog/index.js +2 -2
  8. package/dist/components/Icon/data/dash.d.ts.map +1 -1
  9. package/dist/components/Icon/data/dash.js +1 -1
  10. package/dist/components/Icon/types.d.ts +1 -1
  11. package/dist/components/Icon/types.d.ts.map +1 -1
  12. package/dist/components/Modal/index.d.ts +1 -1
  13. package/dist/components/Modal/index.d.ts.map +1 -1
  14. package/dist/components/Modal/index.js +6 -3
  15. package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
  16. package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -1
  17. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts.map +1 -1
  18. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -1
  19. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts +3 -1
  20. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts.map +1 -1
  21. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +29 -21
  22. package/dist/components/MultipleSelect/components/SelectArea/index.d.ts.map +1 -1
  23. package/dist/components/MultipleSelect/components/SelectArea/index.js +2 -0
  24. package/dist/components/Pagination/styles.d.ts.map +1 -1
  25. package/dist/components/Pagination/styles.js +1 -1
  26. package/dist/components/Progress/Circle/index.d.ts +2 -2
  27. package/dist/components/Progress/Circle/index.d.ts.map +1 -1
  28. package/dist/components/Progress/Circle/index.js +53 -36
  29. package/dist/components/Progress/Circle/styles.d.ts +28 -0
  30. package/dist/components/Progress/Circle/styles.d.ts.map +1 -0
  31. package/dist/components/Progress/Circle/styles.js +83 -0
  32. package/dist/components/Progress/Circle/types.d.ts +19 -0
  33. package/dist/components/Progress/Circle/types.d.ts.map +1 -0
  34. package/dist/components/Progress/Circle/types.js +1 -0
  35. package/dist/components/Progress/Linear/index.d.ts +2 -2
  36. package/dist/components/Progress/Linear/index.d.ts.map +1 -1
  37. package/dist/components/Progress/Linear/index.js +28 -25
  38. package/dist/components/Progress/Linear/styles.d.ts +16 -0
  39. package/dist/components/Progress/Linear/styles.d.ts.map +1 -0
  40. package/dist/components/Progress/Linear/styles.js +79 -0
  41. package/dist/components/Progress/Linear/types.d.ts +14 -0
  42. package/dist/components/Progress/Linear/types.d.ts.map +1 -0
  43. package/dist/components/Progress/Linear/types.js +1 -0
  44. package/dist/components/Progress/index.d.ts +2 -2
  45. package/dist/components/Progress/index.d.ts.map +1 -1
  46. package/dist/components/Progress/index.js +18 -45
  47. package/dist/components/Progress/types.d.ts +28 -0
  48. package/dist/components/Progress/types.d.ts.map +1 -0
  49. package/dist/components/Progress/types.js +1 -0
  50. package/dist/components/Select/index.d.ts.map +1 -1
  51. package/dist/components/Select/index.js +18 -0
  52. package/dist/components/Tabs/TabsExample.js +1 -0
  53. package/dist/components/Tabs/components/TabPanel.d.ts.map +1 -1
  54. package/dist/components/Tabs/components/TabPanel.js +3 -1
  55. package/dist/components/Tabs/styles.d.ts +2 -0
  56. package/dist/components/Tabs/styles.d.ts.map +1 -1
  57. package/dist/components/Tabs/styles.js +3 -1
  58. package/dist/components/Tabs/types.d.ts +1 -0
  59. package/dist/components/Tabs/types.d.ts.map +1 -1
  60. package/dist/components/Tooltip/index.d.ts.map +1 -1
  61. package/dist/components/Tooltip/index.js +10 -0
  62. package/dist/index.d.ts +6 -0
  63. package/dist/index.d.ts.map +1 -1
  64. package/dist/index.js +55 -1
  65. package/dist/shared/hooks/devices.d.ts +9 -0
  66. package/dist/shared/hooks/devices.d.ts.map +1 -0
  67. package/dist/shared/hooks/devices.js +14 -0
  68. package/dist/shared/hooks/useBreakpoints.d.ts +26 -0
  69. package/dist/shared/hooks/useBreakpoints.d.ts.map +1 -0
  70. package/dist/shared/hooks/useBreakpoints.js +129 -0
  71. package/dist/shared/hooks/useDevices.d.ts +9 -0
  72. package/dist/shared/hooks/useDevices.d.ts.map +1 -0
  73. package/dist/shared/hooks/useDevices.js +61 -0
  74. package/dist/shared/hooks/useWindowSize.d.ts +4 -0
  75. package/dist/shared/hooks/useWindowSize.d.ts.map +1 -1
  76. package/dist/shared/theme/theme.types.d.ts +1 -1
  77. package/dist/shared/theme/theme.types.d.ts.map +1 -1
  78. package/dist/utils/colorToGray.d.ts +1 -1
  79. package/dist/utils/colorToGray.d.ts.map +1 -1
  80. package/dist/utils/getSvg.js +1 -1
  81. package/dist/utils/getValuesBySize.d.ts +7 -0
  82. package/dist/utils/getValuesBySize.d.ts.map +1 -0
  83. package/dist/utils/getValuesBySize.js +10 -0
  84. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;4HAetB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;yGAoCzB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;4HAgBtB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;yGAoCzB,CAAC"}
@@ -21,7 +21,7 @@ var BadgeCircle = _styled.default.div(function (props) {
21
21
  var theme = props.theme,
22
22
  type = props.type;
23
23
  var currentColor = !theme.colors[type] || type === 'neutral' ? theme.colors.neutral.neutral1 : theme.colors[type].default;
24
- return "\n width: 10px;\n height: 10px;\n border-radius: 999999px;\n box-shadow: inset 0 0 0 3px ".concat(currentColor, ";\n margin-right: 8px;\n ");
24
+ return "\n width: 10px;\n height: 10px;\n border-radius: 50%;\n box-shadow: inset 0 0 0 3px ".concat(currentColor, ";\n margin-right: 8px;\n flex-shrink: 0;\n ");
25
25
  });
26
26
 
27
27
  exports.BadgeCircle = BadgeCircle;
@@ -1 +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;;;mIAmI3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
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;;;mIAoI3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
@@ -19,7 +19,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
19
19
 
20
20
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
21
 
22
- 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-inline: 24px;\n --button-brightness: brightness(0.85);\n\n transition: all 0.15s ease-in-out;\n\n color: ", ";\n\n background-color: ", ";\n\n height: ", ";\n\n width: ", ";\n\n &:disabled {\n filter: opacity(0.5);\n cursor: default;\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) {
22
+ 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-inline: 24px;\n --button-brightness: brightness(0.85);\n\n transition: all 0.15s ease-in-out;\n\n color: ", ";\n\n background-color: ", ";\n\n height: ", ";\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) {
23
23
  var theme = _ref.theme;
24
24
  return theme.fontWeight[600];
25
25
  }, function (_ref2) {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,kBAA2B,EAC3B,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,cAAc,eAsEhB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,kBAA2B,EAC3B,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,cAAc,eAuEhB"}
@@ -95,6 +95,7 @@ function DateInput(_ref) {
95
95
  ref: containerRef,
96
96
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
97
97
  label: label,
98
+ readOnly: true,
98
99
  placeholder: placeholder,
99
100
  helperText: helperText,
100
101
  alert: alert,
@@ -15,7 +15,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
15
15
 
16
16
  var _styles = require("./styles");
17
17
 
18
- var _useBreakpoint = require("../../shared/hooks/useBreakpoint");
18
+ var _useDevices = require("../../shared/hooks/useDevices");
19
19
 
20
20
  var _getColorValue = require("../../utils/getColorValue");
21
21
 
@@ -44,7 +44,7 @@ function Dialog(_ref) {
44
44
  contentColor = _ref.contentColor,
45
45
  onClose = _ref.onClose;
46
46
  var theme = (0, _react.useTheme)();
47
- var isMobile = (0, _useBreakpoint.useBreakpoint)('mobile');
47
+ var isMobile = (0, _useDevices.useDevices)('mobile');
48
48
  var backgroundColorValue = (0, _getColorValue.getColorValue)(backgroundColor || (theme.colorMode === 'dark' ? 'neutral.neutral6' : 'body.light'), theme);
49
49
  var contentColorValue = (0, _getColorValue.getColorValue)(contentColor || '', theme, ' ');
50
50
  var isHidden = !open;
@@ -1 +1 @@
1
- {"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAypFrB,CAAC"}
1
+ {"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAyqFrB,CAAC"}