@commercetools-uikit/progress-bar 19.1.0 → 19.2.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.
|
@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _pt = require('prop-types');
|
|
15
|
-
var designSystem = require('@commercetools-uikit/design-system');
|
|
16
15
|
var reactIntl = require('react-intl');
|
|
17
16
|
var utils = require('@commercetools-uikit/utils');
|
|
18
17
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -23,6 +22,7 @@ var isNil = require('lodash/isNil');
|
|
|
23
22
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
23
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
25
24
|
var react = require('@emotion/react');
|
|
25
|
+
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
26
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
27
27
|
|
|
28
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -51,15 +51,15 @@ const heightPerScale = {
|
|
|
51
51
|
const progressPulse = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
52
52
|
const getLabelStyles = props => {
|
|
53
53
|
var _props$height;
|
|
54
|
-
return /*#__PURE__*/react.css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultProps.height], ";max-width:", Constraints__default["default"].getMaxPropTokenValue(props.labelWidth || defaultProps.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
return /*#__PURE__*/react.css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultProps.height], ";max-width:", Constraints__default["default"].getMaxPropTokenValue(props.labelWidth || defaultProps.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
55
55
|
};
|
|
56
56
|
const getBackgroundBarStyles = props => {
|
|
57
57
|
var _props$height2;
|
|
58
|
-
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 : defaultProps.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
58
|
+
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 : defaultProps.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
59
59
|
};
|
|
60
|
-
const getForegroundBarStyles =
|
|
60
|
+
const getForegroundBarStyles = props => {
|
|
61
61
|
var _props$height3, _context, _context2;
|
|
62
|
-
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 : defaultProps.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface :
|
|
62
|
+
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 : defaultProps.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */") : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
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; }
|
|
@@ -79,8 +79,6 @@ const ProgressBarLabel = props => {
|
|
|
79
79
|
});
|
|
80
80
|
};
|
|
81
81
|
const Bar = props => {
|
|
82
|
-
const _useTheme = designSystem.useTheme(),
|
|
83
|
-
themedValue = _useTheme.themedValue;
|
|
84
82
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
85
83
|
max: props.barWidth,
|
|
86
84
|
children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
@@ -90,7 +88,7 @@ const Bar = props => {
|
|
|
90
88
|
"aria-label": "Progress bar"
|
|
91
89
|
}, utils.filterAriaAttributes(props)), {}, {
|
|
92
90
|
children: jsxRuntime.jsx("div", {
|
|
93
|
-
css: getForegroundBarStyles(props
|
|
91
|
+
css: getForegroundBarStyles(props)
|
|
94
92
|
})
|
|
95
93
|
}))
|
|
96
94
|
});
|
|
@@ -170,7 +168,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
170
168
|
var ProgressBar$1 = ProgressBar;
|
|
171
169
|
|
|
172
170
|
// NOTE: This string will be replaced on build time with the package version.
|
|
173
|
-
var version = "19.
|
|
171
|
+
var version = "19.2.0";
|
|
174
172
|
|
|
175
173
|
exports["default"] = ProgressBar$1;
|
|
176
174
|
exports.version = version;
|
|
@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
require('prop-types');
|
|
15
|
-
var designSystem = require('@commercetools-uikit/design-system');
|
|
16
15
|
var reactIntl = require('react-intl');
|
|
17
16
|
var utils = require('@commercetools-uikit/utils');
|
|
18
17
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -23,6 +22,7 @@ var isNil = require('lodash/isNil');
|
|
|
23
22
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
23
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
25
24
|
var react = require('@emotion/react');
|
|
25
|
+
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
26
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
27
27
|
|
|
28
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -56,9 +56,9 @@ const getBackgroundBarStyles = props => {
|
|
|
56
56
|
var _props$height2;
|
|
57
57
|
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 : defaultProps.height], ";overflow:hidden;" + ("" ), "" );
|
|
58
58
|
};
|
|
59
|
-
const getForegroundBarStyles =
|
|
59
|
+
const getForegroundBarStyles = props => {
|
|
60
60
|
var _props$height3, _context, _context2;
|
|
61
|
-
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 : defaultProps.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface :
|
|
61
|
+
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 : defaultProps.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, ";" + ("" ), "" );
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
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; }
|
|
@@ -78,8 +78,6 @@ const ProgressBarLabel = props => {
|
|
|
78
78
|
});
|
|
79
79
|
};
|
|
80
80
|
const Bar = props => {
|
|
81
|
-
const _useTheme = designSystem.useTheme(),
|
|
82
|
-
themedValue = _useTheme.themedValue;
|
|
83
81
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
84
82
|
max: props.barWidth,
|
|
85
83
|
children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
@@ -89,7 +87,7 @@ const Bar = props => {
|
|
|
89
87
|
"aria-label": "Progress bar"
|
|
90
88
|
}, utils.filterAriaAttributes(props)), {}, {
|
|
91
89
|
children: jsxRuntime.jsx("div", {
|
|
92
|
-
css: getForegroundBarStyles(props
|
|
90
|
+
css: getForegroundBarStyles(props)
|
|
93
91
|
})
|
|
94
92
|
}))
|
|
95
93
|
});
|
|
@@ -158,7 +156,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
158
156
|
var ProgressBar$1 = ProgressBar;
|
|
159
157
|
|
|
160
158
|
// NOTE: This string will be replaced on build time with the package version.
|
|
161
|
-
var version = "19.
|
|
159
|
+
var version = "19.2.0";
|
|
162
160
|
|
|
163
161
|
exports["default"] = ProgressBar$1;
|
|
164
162
|
exports.version = version;
|
|
@@ -8,7 +8,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
10
|
import _pt from 'prop-types';
|
|
11
|
-
import { designTokens, useTheme } from '@commercetools-uikit/design-system';
|
|
12
11
|
import { FormattedMessage } from 'react-intl';
|
|
13
12
|
import { filterAriaAttributes } from '@commercetools-uikit/utils';
|
|
14
13
|
import Constraints from '@commercetools-uikit/constraints';
|
|
@@ -19,6 +18,7 @@ import isNil from 'lodash/isNil';
|
|
|
19
18
|
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
20
19
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
21
20
|
import { keyframes, css } from '@emotion/react';
|
|
21
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
22
22
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
23
23
|
|
|
24
24
|
var _templateObject;
|
|
@@ -29,15 +29,15 @@ const heightPerScale = {
|
|
|
29
29
|
const progressPulse = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
30
30
|
const getLabelStyles = props => {
|
|
31
31
|
var _props$height;
|
|
32
|
-
return /*#__PURE__*/css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultProps.height], ";max-width:", Constraints.getMaxPropTokenValue(props.labelWidth || defaultProps.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
return /*#__PURE__*/css("min-height:", heightPerScale[(_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : defaultProps.height], ";max-width:", Constraints.getMaxPropTokenValue(props.labelWidth || defaultProps.labelWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
33
33
|
};
|
|
34
34
|
const getBackgroundBarStyles = props => {
|
|
35
35
|
var _props$height2;
|
|
36
|
-
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 : defaultProps.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
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 : defaultProps.height], ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBackgroundBarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
37
37
|
};
|
|
38
|
-
const getForegroundBarStyles =
|
|
38
|
+
const getForegroundBarStyles = props => {
|
|
39
39
|
var _props$height3, _context, _context2;
|
|
40
|
-
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 : defaultProps.height], ";background:", props.isInverted ? designTokens.colorSurface :
|
|
40
|
+
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 : defaultProps.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWB9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */") : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAocHJvcHM6IFRQcm9ncmVzc0JhclByb3BzKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
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; }
|
|
@@ -57,8 +57,6 @@ const ProgressBarLabel = props => {
|
|
|
57
57
|
});
|
|
58
58
|
};
|
|
59
59
|
const Bar = props => {
|
|
60
|
-
const _useTheme = useTheme(),
|
|
61
|
-
themedValue = _useTheme.themedValue;
|
|
62
60
|
return jsx(Constraints.Horizontal, {
|
|
63
61
|
max: props.barWidth,
|
|
64
62
|
children: jsx("div", _objectSpread(_objectSpread({
|
|
@@ -68,7 +66,7 @@ const Bar = props => {
|
|
|
68
66
|
"aria-label": "Progress bar"
|
|
69
67
|
}, filterAriaAttributes(props)), {}, {
|
|
70
68
|
children: jsx("div", {
|
|
71
|
-
css: getForegroundBarStyles(props
|
|
69
|
+
css: getForegroundBarStyles(props)
|
|
72
70
|
})
|
|
73
71
|
}))
|
|
74
72
|
});
|
|
@@ -148,6 +146,6 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
148
146
|
var ProgressBar$1 = ProgressBar;
|
|
149
147
|
|
|
150
148
|
// NOTE: This string will be replaced on build time with the package version.
|
|
151
|
-
var version = "19.
|
|
149
|
+
var version = "19.2.0";
|
|
152
150
|
|
|
153
151
|
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": "19.
|
|
4
|
+
"version": "19.2.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
27
|
-
"@commercetools-uikit/spacings-stack": "19.
|
|
28
|
-
"@commercetools-uikit/text": "19.
|
|
29
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.2.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.2.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "19.2.0",
|
|
27
|
+
"@commercetools-uikit/spacings-stack": "19.2.0",
|
|
28
|
+
"@commercetools-uikit/text": "19.2.0",
|
|
29
|
+
"@commercetools-uikit/utils": "19.2.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"prop-types": "15.8.1",
|