@commercetools-uikit/progress-bar 20.2.3 → 20.3.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.
|
@@ -18,6 +18,8 @@ var SpacingsInline = require('@commercetools-uikit/spacings-inline');
|
|
|
18
18
|
var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
19
19
|
var Text = require('@commercetools-uikit/text');
|
|
20
20
|
var isNil = require('lodash/isNil');
|
|
21
|
+
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
22
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
21
23
|
var react = require('@emotion/react');
|
|
22
24
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
23
25
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -37,7 +39,9 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
37
39
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
38
40
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
39
41
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
42
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
40
43
|
|
|
44
|
+
var _templateObject;
|
|
41
45
|
const defaultStyles = {
|
|
42
46
|
height: '20',
|
|
43
47
|
labelWidth: 'scale'
|
|
@@ -46,22 +50,19 @@ const heightPerScale = {
|
|
|
46
50
|
'10': designSystem.designTokens.spacing25,
|
|
47
51
|
'20': designSystem.designTokens.spacing40
|
|
48
52
|
};
|
|
49
|
-
const progressPulse = react.keyframes
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
to right,
|
|
61
|
-
|
|
62
|
-
${designSystem.designTokens.colorPrimary},
|
|
63
|
-
${designSystem.designTokens.colorPrimary85}
|
|
64
|
-
)`, ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/react.css(progressPulse, " 2s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */") : 'none', ";border-radius:", designSystem.designTokens.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
53
|
+
const progressPulse = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
54
|
+
const getLabelStyles = props => {
|
|
55
|
+
var _props$height;
|
|
56
|
+
return /*#__PURE__*/react.css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultStyles.height], ";max-width:", Constraints__default["default"].getMaxPropTokenValue(props.labelWidth || defaultStyles.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */");
|
|
57
|
+
};
|
|
58
|
+
const getBackgroundBarStyles = props => {
|
|
59
|
+
var _props$height2;
|
|
60
|
+
return /*#__PURE__*/react.css("width:100%;background-color:", props.isInverted ? 'rgba(255, 255, 255, 0.4)' : designSystem.designTokens.colorNeutral90, ";border-radius:", designSystem.designTokens.spacingL, ";height:", heightPerScale[(_props$height2 = props.height) !== null && _props$height2 !== void 0 ? _props$height2 : defaultStyles.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
61
|
+
};
|
|
62
|
+
const getForegroundBarStyles = props => {
|
|
63
|
+
var _props$height3, _context, _context2;
|
|
64
|
+
return /*#__PURE__*/react.css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[(_props$height3 = props.height) !== null && _props$height3 !== void 0 ? _props$height3 : defaultStyles.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface : _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "linear-gradient(\n to right,\n ".concat(designSystem.designTokens.colorPrimary85, ",\n ")).call(_context2, designSystem.designTokens.colorPrimary, ",\n ")).call(_context, designSystem.designTokens.colorPrimary85, "\n )"), ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/react.css(progressPulse, " 2s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */") : 'none', ";border-radius:", designSystem.designTokens.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
65
|
+
};
|
|
65
66
|
|
|
66
67
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
67
68
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
@@ -162,7 +163,7 @@ ProgressBar.displayName = 'ProgressBar';
|
|
|
162
163
|
var ProgressBar$1 = ProgressBar;
|
|
163
164
|
|
|
164
165
|
// NOTE: This string will be replaced on build time with the package version.
|
|
165
|
-
var version = "20.
|
|
166
|
+
var version = "20.3.1";
|
|
166
167
|
|
|
167
168
|
exports["default"] = ProgressBar$1;
|
|
168
169
|
exports.version = version;
|
|
@@ -18,6 +18,8 @@ var SpacingsInline = require('@commercetools-uikit/spacings-inline');
|
|
|
18
18
|
var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
19
19
|
var Text = require('@commercetools-uikit/text');
|
|
20
20
|
var isNil = require('lodash/isNil');
|
|
21
|
+
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
22
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
21
23
|
var react = require('@emotion/react');
|
|
22
24
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
23
25
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -37,7 +39,9 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
37
39
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
38
40
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
39
41
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
42
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
40
43
|
|
|
44
|
+
var _templateObject;
|
|
41
45
|
const defaultStyles = {
|
|
42
46
|
height: '20',
|
|
43
47
|
labelWidth: 'scale'
|
|
@@ -46,22 +50,19 @@ const heightPerScale = {
|
|
|
46
50
|
'10': designSystem.designTokens.spacing25,
|
|
47
51
|
'20': designSystem.designTokens.spacing40
|
|
48
52
|
};
|
|
49
|
-
const progressPulse = react.keyframes
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
to right,
|
|
61
|
-
|
|
62
|
-
${designSystem.designTokens.colorPrimary},
|
|
63
|
-
${designSystem.designTokens.colorPrimary85}
|
|
64
|
-
)`, ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/react.css(progressPulse, " 2s linear infinite;" + ("" ), "" ) : 'none', ";border-radius:", designSystem.designTokens.spacingL, ";" + ("" ), "" );
|
|
53
|
+
const progressPulse = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
54
|
+
const getLabelStyles = props => {
|
|
55
|
+
var _props$height;
|
|
56
|
+
return /*#__PURE__*/react.css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultStyles.height], ";max-width:", Constraints__default["default"].getMaxPropTokenValue(props.labelWidth || defaultStyles.labelWidth), ";" + ("" ), "" );
|
|
57
|
+
};
|
|
58
|
+
const getBackgroundBarStyles = props => {
|
|
59
|
+
var _props$height2;
|
|
60
|
+
return /*#__PURE__*/react.css("width:100%;background-color:", props.isInverted ? 'rgba(255, 255, 255, 0.4)' : designSystem.designTokens.colorNeutral90, ";border-radius:", designSystem.designTokens.spacingL, ";height:", heightPerScale[(_props$height2 = props.height) !== null && _props$height2 !== void 0 ? _props$height2 : defaultStyles.height], ";overflow:hidden;" + ("" ), "" );
|
|
61
|
+
};
|
|
62
|
+
const getForegroundBarStyles = props => {
|
|
63
|
+
var _props$height3, _context, _context2;
|
|
64
|
+
return /*#__PURE__*/react.css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[(_props$height3 = props.height) !== null && _props$height3 !== void 0 ? _props$height3 : defaultStyles.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface : _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "linear-gradient(\n to right,\n ".concat(designSystem.designTokens.colorPrimary85, ",\n ")).call(_context2, designSystem.designTokens.colorPrimary, ",\n ")).call(_context, designSystem.designTokens.colorPrimary85, "\n )"), ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/react.css(progressPulse, " 2s linear infinite;" + ("" ), "" ) : 'none', ";border-radius:", designSystem.designTokens.spacingL, ";" + ("" ), "" );
|
|
65
|
+
};
|
|
65
66
|
|
|
66
67
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
67
68
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
@@ -162,7 +163,7 @@ ProgressBar.displayName = 'ProgressBar';
|
|
|
162
163
|
var ProgressBar$1 = ProgressBar;
|
|
163
164
|
|
|
164
165
|
// NOTE: This string will be replaced on build time with the package version.
|
|
165
|
-
var version = "20.
|
|
166
|
+
var version = "20.3.1";
|
|
166
167
|
|
|
167
168
|
exports["default"] = ProgressBar$1;
|
|
168
169
|
exports.version = version;
|
|
@@ -14,10 +14,13 @@ import SpacingsInline from '@commercetools-uikit/spacings-inline';
|
|
|
14
14
|
import SpacingsStack from '@commercetools-uikit/spacings-stack';
|
|
15
15
|
import Text from '@commercetools-uikit/text';
|
|
16
16
|
import isNil from 'lodash/isNil';
|
|
17
|
+
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
18
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
17
19
|
import { keyframes, css } from '@emotion/react';
|
|
18
20
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
19
21
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
20
22
|
|
|
23
|
+
var _templateObject;
|
|
21
24
|
const defaultStyles = {
|
|
22
25
|
height: '20',
|
|
23
26
|
labelWidth: 'scale'
|
|
@@ -26,22 +29,19 @@ const heightPerScale = {
|
|
|
26
29
|
'10': designTokens.spacing25,
|
|
27
30
|
'20': designTokens.spacing40
|
|
28
31
|
};
|
|
29
|
-
const progressPulse = keyframes
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
to right,
|
|
41
|
-
|
|
42
|
-
${designTokens.colorPrimary},
|
|
43
|
-
${designTokens.colorPrimary85}
|
|
44
|
-
)`, ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/css(progressPulse, " 2s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */") : 'none', ";border-radius:", designTokens.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
32
|
+
const progressPulse = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
33
|
+
const getLabelStyles = props => {
|
|
34
|
+
var _props$height;
|
|
35
|
+
return /*#__PURE__*/css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultStyles.height], ";max-width:", Constraints.getMaxPropTokenValue(props.labelWidth || defaultStyles.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */");
|
|
36
|
+
};
|
|
37
|
+
const getBackgroundBarStyles = props => {
|
|
38
|
+
var _props$height2;
|
|
39
|
+
return /*#__PURE__*/css("width:100%;background-color:", props.isInverted ? 'rgba(255, 255, 255, 0.4)' : designTokens.colorNeutral90, ";border-radius:", designTokens.spacingL, ";height:", heightPerScale[(_props$height2 = props.height) !== null && _props$height2 !== void 0 ? _props$height2 : defaultStyles.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
40
|
+
};
|
|
41
|
+
const getForegroundBarStyles = props => {
|
|
42
|
+
var _props$height3, _context, _context2;
|
|
43
|
+
return /*#__PURE__*/css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[(_props$height3 = props.height) !== null && _props$height3 !== void 0 ? _props$height3 : defaultStyles.height], ";background:", props.isInverted ? designTokens.colorSurface : _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "linear-gradient(\n to right,\n ".concat(designTokens.colorPrimary85, ",\n ")).call(_context2, designTokens.colorPrimary, ",\n ")).call(_context, designTokens.colorPrimary85, "\n )"), ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/css(progressPulse, " 2s linear infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRTdHlsZXMgPSB7XG4gIGhlaWdodDogJzIwJyxcbiAgbGFiZWxXaWR0aDogJ3NjYWxlJyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBoZWlnaHRQZXJTY2FsZSA9IHtcbiAgJzEwJzogZGVzaWduVG9rZW5zLnNwYWNpbmcyNSxcbiAgJzIwJzogZGVzaWduVG9rZW5zLnNwYWNpbmc0MCxcbn07XG5cbmNvbnN0IHByb2dyZXNzUHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAxMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMCUgMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExhYmVsU3R5bGVzID0gKFxuICBwcm9wczogVFByb2dyZXNzQmFyUHJvcHMgJiB7IHRleHRBbGlnbm1lbnQ6IHN0cmluZyB9XG4pID0+IGNzc2BcbiAgbWluLWhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgbWF4LXdpZHRoOiAke0NvbnN0cmFpbnRzLmdldE1heFByb3BUb2tlblZhbHVlKFxuICAgIHByb3BzLmxhYmVsV2lkdGggfHwgZGVmYXVsdFN0eWxlcy5sYWJlbFdpZHRoXG4gICl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCknXG4gICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogJHtwcm9wcy5wcm9ncmVzc30lO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcyBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogJHtoZWlnaHRQZXJTY2FsZVtwcm9wcy5oZWlnaHQgPz8gZGVmYXVsdFN0eWxlcy5oZWlnaHRdfTtcbiAgYmFja2dyb3VuZDogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgOiBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTg1fVxuICAgICAgICApYH07XG4gIGJhY2tncm91bmQtc2l6ZTogMjAwJSAxMDAlO1xuICBhbmltYXRpb246ICR7cHJvcHMuaXNBbmltYXRlZCAmJiAhcHJvcHMuaXNJbnZlcnRlZFxuICAgID8gY3NzYFxuICAgICAgICAke3Byb2dyZXNzUHVsc2V9IDJzIGxpbmVhciBpbmZpbml0ZVxuICAgICAgYFxuICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuYDtcbiJdfQ== */") : 'none', ";border-radius:", designTokens.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getForegroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IHR5cGUgVFByb2dyZXNzQmFyUHJvcHMgfSBmcm9tICcuL3Byb2dyZXNzLWJhcic7XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGVzID0ge1xuICBoZWlnaHQ6ICcyMCcsXG4gIGxhYmVsV2lkdGg6ICdzY2FsZScsXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRTdHlsZXMubGFiZWxXaWR0aFxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRTdHlsZXMuaGVpZ2h0XX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
44
|
+
};
|
|
45
45
|
|
|
46
46
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
47
47
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -142,6 +142,6 @@ ProgressBar.displayName = 'ProgressBar';
|
|
|
142
142
|
var ProgressBar$1 = ProgressBar;
|
|
143
143
|
|
|
144
144
|
// NOTE: This string will be replaced on build time with the package version.
|
|
145
|
-
var version = "20.
|
|
145
|
+
var version = "20.3.1";
|
|
146
146
|
|
|
147
147
|
export { ProgressBar$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/progress-bar",
|
|
3
3
|
"description": "A progress bar component used to visualize the progression of an extended operation",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.3.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,18 +21,18 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "20.
|
|
25
|
-
"@commercetools-uikit/design-system": "20.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "20.
|
|
27
|
-
"@commercetools-uikit/spacings-stack": "20.
|
|
28
|
-
"@commercetools-uikit/text": "20.
|
|
29
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/constraints": "20.3.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.3.1",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "20.3.1",
|
|
27
|
+
"@commercetools-uikit/spacings-stack": "20.3.1",
|
|
28
|
+
"@commercetools-uikit/text": "20.3.1",
|
|
29
|
+
"@commercetools-uikit/utils": "20.3.1",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
|
-
"lodash": "4.17.
|
|
31
|
+
"lodash": "4.17.23",
|
|
32
32
|
"react-intl": "^7.1.4"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"react": "19.
|
|
35
|
+
"react": "19.2.0"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": "19.x"
|