@pedidopago/ui 1.4.3 → 1.5.0
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.
- package/dist/components/Badge/styles.d.ts.map +1 -1
- package/dist/components/Badge/styles.js +1 -1
- package/dist/components/Button/styles.d.ts.map +1 -1
- package/dist/components/Button/styles.js +1 -1
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +1 -0
- package/dist/components/Dialog/index.js +2 -2
- package/dist/components/Icon/data/dash.d.ts.map +1 -1
- package/dist/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +6 -3
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts +3 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +29 -21
- package/dist/components/MultipleSelect/components/SelectArea/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/index.js +2 -0
- package/dist/components/Pagination/styles.d.ts.map +1 -1
- package/dist/components/Pagination/styles.js +1 -1
- package/dist/components/Progress/Circle/index.d.ts +2 -2
- package/dist/components/Progress/Circle/index.d.ts.map +1 -1
- package/dist/components/Progress/Circle/index.js +52 -35
- package/dist/components/Progress/Circle/styles.d.ts +28 -0
- package/dist/components/Progress/Circle/styles.d.ts.map +1 -0
- package/dist/components/Progress/Circle/styles.js +83 -0
- package/dist/components/Progress/Circle/types.d.ts +19 -0
- package/dist/components/Progress/Circle/types.d.ts.map +1 -0
- package/dist/components/Progress/Circle/types.js +1 -0
- package/dist/components/Progress/Linear/index.d.ts +2 -2
- package/dist/components/Progress/Linear/index.d.ts.map +1 -1
- package/dist/components/Progress/Linear/index.js +28 -25
- package/dist/components/Progress/Linear/styles.d.ts +16 -0
- package/dist/components/Progress/Linear/styles.d.ts.map +1 -0
- package/dist/components/Progress/Linear/styles.js +79 -0
- package/dist/components/Progress/Linear/types.d.ts +25 -0
- package/dist/components/Progress/Linear/types.d.ts.map +1 -0
- package/dist/components/Progress/Linear/types.js +1 -0
- package/dist/components/Progress/index.d.ts +2 -2
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +15 -45
- package/dist/components/Progress/types.d.ts +16 -0
- package/dist/components/Progress/types.d.ts.map +1 -0
- package/dist/components/Progress/types.js +1 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +18 -0
- package/dist/components/Tabs/TabsExample.js +1 -0
- package/dist/components/Tabs/components/TabPanel.d.ts.map +1 -1
- package/dist/components/Tabs/components/TabPanel.js +3 -1
- package/dist/components/Tabs/styles.d.ts +2 -0
- package/dist/components/Tabs/styles.d.ts.map +1 -1
- package/dist/components/Tabs/styles.js +3 -1
- package/dist/components/Tabs/types.d.ts +1 -0
- package/dist/components/Tabs/types.d.ts.map +1 -1
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +10 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +55 -1
- package/dist/shared/hooks/devices.d.ts +9 -0
- package/dist/shared/hooks/devices.d.ts.map +1 -0
- package/dist/shared/hooks/devices.js +14 -0
- package/dist/shared/hooks/useBreakpoints.d.ts +26 -0
- package/dist/shared/hooks/useBreakpoints.d.ts.map +1 -0
- package/dist/shared/hooks/useBreakpoints.js +129 -0
- package/dist/shared/hooks/useDevices.d.ts +9 -0
- package/dist/shared/hooks/useDevices.d.ts.map +1 -0
- package/dist/shared/hooks/useDevices.js +61 -0
- package/dist/shared/hooks/useWindowSize.d.ts +4 -0
- package/dist/shared/hooks/useWindowSize.d.ts.map +1 -1
- package/dist/shared/theme/theme.types.d.ts +1 -1
- package/dist/shared/theme/theme.types.d.ts.map +1 -1
- package/dist/utils/colorToGray.d.ts +1 -1
- package/dist/utils/colorToGray.d.ts.map +1 -1
- package/dist/utils/getValuesBySize.d.ts +7 -0
- package/dist/utils/getValuesBySize.d.ts.map +1 -0
- package/dist/utils/getValuesBySize.js +10 -0
- 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;;;
|
|
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:
|
|
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;;;
|
|
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,
|
|
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"}
|
|
@@ -15,7 +15,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
|
|
|
15
15
|
|
|
16
16
|
var _styles = require("./styles");
|
|
17
17
|
|
|
18
|
-
var
|
|
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,
|
|
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;;;;;;;
|
|
1
|
+
{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAyqFrB,CAAC"}
|