@commercetools-uikit/progress-bar 19.10.0 → 19.12.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.
|
@@ -19,8 +19,6 @@ var SpacingsInline = require('@commercetools-uikit/spacings-inline');
|
|
|
19
19
|
var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
20
20
|
var Text = require('@commercetools-uikit/text');
|
|
21
21
|
var isNil = require('lodash/isNil');
|
|
22
|
-
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
23
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
24
22
|
var react = require('@emotion/react');
|
|
25
23
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
24
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -41,26 +39,27 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
41
39
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
42
40
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
43
41
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
44
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
45
42
|
|
|
46
|
-
var _templateObject;
|
|
47
43
|
const heightPerScale = {
|
|
48
44
|
'10': designSystem.designTokens.spacing25,
|
|
49
45
|
'20': designSystem.designTokens.spacing40
|
|
50
46
|
};
|
|
51
|
-
const progressPulse = react.keyframes
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
47
|
+
const progressPulse = react.keyframes`
|
|
48
|
+
0% {
|
|
49
|
+
background-position: 100% 0;
|
|
50
|
+
}
|
|
51
|
+
100% {
|
|
52
|
+
background-position: -100% 0;
|
|
53
|
+
}
|
|
54
|
+
`;
|
|
55
|
+
const getLabelStyles = props => /*#__PURE__*/react.css("min-height:", heightPerScale[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= */");
|
|
56
|
+
const getBackgroundBarStyles = props => /*#__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.height ?? 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 */");
|
|
57
|
+
const getForegroundBarStyles = props => /*#__PURE__*/react.css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[props.height ?? defaultProps.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface : `linear-gradient(
|
|
58
|
+
to right,
|
|
59
|
+
${designSystem.designTokens.colorPrimary85},
|
|
60
|
+
${designSystem.designTokens.colorPrimary},
|
|
61
|
+
${designSystem.designTokens.colorPrimary85}
|
|
62
|
+
)`, ";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 */");
|
|
64
63
|
|
|
65
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; }
|
|
66
65
|
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; }
|
|
@@ -168,7 +167,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
168
167
|
var ProgressBar$1 = ProgressBar;
|
|
169
168
|
|
|
170
169
|
// NOTE: This string will be replaced on build time with the package version.
|
|
171
|
-
var version = "19.
|
|
170
|
+
var version = "19.11.0";
|
|
172
171
|
|
|
173
172
|
exports["default"] = ProgressBar$1;
|
|
174
173
|
exports.version = version;
|
|
@@ -19,8 +19,6 @@ var SpacingsInline = require('@commercetools-uikit/spacings-inline');
|
|
|
19
19
|
var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
20
20
|
var Text = require('@commercetools-uikit/text');
|
|
21
21
|
var isNil = require('lodash/isNil');
|
|
22
|
-
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
23
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
24
22
|
var react = require('@emotion/react');
|
|
25
23
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
26
24
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
@@ -40,26 +38,27 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
40
38
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
41
39
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
42
40
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
43
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
44
41
|
|
|
45
|
-
var _templateObject;
|
|
46
42
|
const heightPerScale = {
|
|
47
43
|
'10': designSystem.designTokens.spacing25,
|
|
48
44
|
'20': designSystem.designTokens.spacing40
|
|
49
45
|
};
|
|
50
|
-
const progressPulse = react.keyframes
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
46
|
+
const progressPulse = react.keyframes`
|
|
47
|
+
0% {
|
|
48
|
+
background-position: 100% 0;
|
|
49
|
+
}
|
|
50
|
+
100% {
|
|
51
|
+
background-position: -100% 0;
|
|
52
|
+
}
|
|
53
|
+
`;
|
|
54
|
+
const getLabelStyles = props => /*#__PURE__*/react.css("min-height:", heightPerScale[props.height ?? defaultProps.height], ";max-width:", Constraints__default["default"].getMaxPropTokenValue(props.labelWidth || defaultProps.labelWidth), ";" + ("" ), "" );
|
|
55
|
+
const getBackgroundBarStyles = props => /*#__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.height ?? defaultProps.height], ";overflow:hidden;" + ("" ), "" );
|
|
56
|
+
const getForegroundBarStyles = props => /*#__PURE__*/react.css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[props.height ?? defaultProps.height], ";background:", props.isInverted ? designSystem.designTokens.colorSurface : `linear-gradient(
|
|
57
|
+
to right,
|
|
58
|
+
${designSystem.designTokens.colorPrimary85},
|
|
59
|
+
${designSystem.designTokens.colorPrimary},
|
|
60
|
+
${designSystem.designTokens.colorPrimary85}
|
|
61
|
+
)`, ";background-size:200% 100%;animation:", props.isAnimated && !props.isInverted ? /*#__PURE__*/react.css(progressPulse, " 2s linear infinite;" + ("" ), "" ) : 'none', ";border-radius:", designSystem.designTokens.spacingL, ";" + ("" ), "" );
|
|
63
62
|
|
|
64
63
|
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; }
|
|
65
64
|
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; }
|
|
@@ -156,7 +155,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
156
155
|
var ProgressBar$1 = ProgressBar;
|
|
157
156
|
|
|
158
157
|
// NOTE: This string will be replaced on build time with the package version.
|
|
159
|
-
var version = "19.
|
|
158
|
+
var version = "19.11.0";
|
|
160
159
|
|
|
161
160
|
exports["default"] = ProgressBar$1;
|
|
162
161
|
exports.version = version;
|
|
@@ -15,30 +15,30 @@ import SpacingsInline from '@commercetools-uikit/spacings-inline';
|
|
|
15
15
|
import SpacingsStack from '@commercetools-uikit/spacings-stack';
|
|
16
16
|
import Text from '@commercetools-uikit/text';
|
|
17
17
|
import isNil from 'lodash/isNil';
|
|
18
|
-
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
19
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
20
18
|
import { keyframes, css } from '@emotion/react';
|
|
21
19
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
22
20
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
23
21
|
|
|
24
|
-
var _templateObject;
|
|
25
22
|
const heightPerScale = {
|
|
26
23
|
'10': designTokens.spacing25,
|
|
27
24
|
'20': designTokens.spacing40
|
|
28
25
|
};
|
|
29
|
-
const progressPulse = keyframes
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
26
|
+
const progressPulse = keyframes`
|
|
27
|
+
0% {
|
|
28
|
+
background-position: 100% 0;
|
|
29
|
+
}
|
|
30
|
+
100% {
|
|
31
|
+
background-position: -100% 0;
|
|
32
|
+
}
|
|
33
|
+
`;
|
|
34
|
+
const getLabelStyles = props => /*#__PURE__*/css("min-height:", heightPerScale[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= */");
|
|
35
|
+
const getBackgroundBarStyles = props => /*#__PURE__*/css("width:100%;background-color:", props.isInverted ? 'rgba(255, 255, 255, 0.4)' : designTokens.colorNeutral90, ";border-radius:", designTokens.spacingL, ";height:", heightPerScale[props.height ?? 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 */");
|
|
36
|
+
const getForegroundBarStyles = props => /*#__PURE__*/css("width:", props.progress, "%;transition:width 500ms ease-in-out;display:block;height:", heightPerScale[props.height ?? defaultProps.height], ";background:", props.isInverted ? designTokens.colorSurface : `linear-gradient(
|
|
37
|
+
to right,
|
|
38
|
+
${designTokens.colorPrimary85},
|
|
39
|
+
${designTokens.colorPrimary},
|
|
40
|
+
${designTokens.colorPrimary85}
|
|
41
|
+
)`, ";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 */");
|
|
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; }
|
|
44
44
|
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; }
|
|
@@ -146,6 +146,6 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
146
146
|
var ProgressBar$1 = ProgressBar;
|
|
147
147
|
|
|
148
148
|
// NOTE: This string will be replaced on build time with the package version.
|
|
149
|
-
var version = "19.
|
|
149
|
+
var version = "19.11.0";
|
|
150
150
|
|
|
151
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.12.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.12.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "19.12.0",
|
|
27
|
+
"@commercetools-uikit/spacings-stack": "19.12.0",
|
|
28
|
+
"@commercetools-uikit/text": "19.12.0",
|
|
29
|
+
"@commercetools-uikit/utils": "19.12.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"prop-types": "15.8.1",
|