@commercetools-uikit/progress-bar 18.4.0 → 18.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,6 +12,7 @@ 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');
|
|
15
16
|
var reactIntl = require('react-intl');
|
|
16
17
|
var utils = require('@commercetools-uikit/utils');
|
|
17
18
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -20,8 +21,8 @@ var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
|
20
21
|
var Text = require('@commercetools-uikit/text');
|
|
21
22
|
var isNil = require('lodash/isNil');
|
|
22
23
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
23
25
|
var react = require('@emotion/react');
|
|
24
|
-
var designSystem = require('@commercetools-uikit/design-system');
|
|
25
26
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
26
27
|
|
|
27
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -40,6 +41,7 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
40
41
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
41
42
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
42
43
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
44
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
43
45
|
|
|
44
46
|
var _templateObject;
|
|
45
47
|
const heightPerScale = {
|
|
@@ -49,15 +51,15 @@ const heightPerScale = {
|
|
|
49
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"])));
|
|
50
52
|
const getLabelStyles = props => {
|
|
51
53
|
var _props$height;
|
|
52
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
53
55
|
};
|
|
54
56
|
const getBackgroundBarStyles = props => {
|
|
55
57
|
var _props$height2;
|
|
56
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGRlc2lnblRva2VucyxcbiAgdHlwZSBUVXNlVGhlbWVSZXN1bHQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyxcbiAgdGhlbWVkVmFsdWU6IFRVc2VUaGVtZVJlc3VsdFsndGhlbWVkVmFsdWUnXVxuKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IHRoZW1lZFZhbHVlKFxuICAgICAgICBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICMwMEU1Q0IsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjV9LFxuICAgICAgICAgICMwMEU1Q0JcbiAgICAgICAgKWAsXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgXG4gICAgICApfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
57
59
|
};
|
|
58
|
-
const getForegroundBarStyles = props => {
|
|
59
|
-
var _props$height3;
|
|
60
|
-
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 : "linear-gradient(\n
|
|
60
|
+
const getForegroundBarStyles = (props, themedValue) => {
|
|
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 : themedValue("linear-gradient(\n to right,\n #00E5CB,\n ".concat(designSystem.designTokens.colorPrimary25, ",\n #00E5CB\n )"), _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
61
63
|
};
|
|
62
64
|
|
|
63
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; }
|
|
@@ -77,6 +79,8 @@ const ProgressBarLabel = props => {
|
|
|
77
79
|
});
|
|
78
80
|
};
|
|
79
81
|
const Bar = props => {
|
|
82
|
+
const _useTheme = designSystem.useTheme(),
|
|
83
|
+
themedValue = _useTheme.themedValue;
|
|
80
84
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
81
85
|
max: props.barWidth,
|
|
82
86
|
children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
@@ -86,7 +90,7 @@ const Bar = props => {
|
|
|
86
90
|
"aria-label": "Progress bar"
|
|
87
91
|
}, utils.filterAriaAttributes(props)), {}, {
|
|
88
92
|
children: jsxRuntime.jsx("div", {
|
|
89
|
-
css: getForegroundBarStyles(props)
|
|
93
|
+
css: getForegroundBarStyles(props, themedValue)
|
|
90
94
|
})
|
|
91
95
|
}))
|
|
92
96
|
});
|
|
@@ -166,7 +170,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
166
170
|
var ProgressBar$1 = ProgressBar;
|
|
167
171
|
|
|
168
172
|
// NOTE: This string will be replaced on build time with the package version.
|
|
169
|
-
var version = "18.
|
|
173
|
+
var version = "18.5.0";
|
|
170
174
|
|
|
171
175
|
exports["default"] = ProgressBar$1;
|
|
172
176
|
exports.version = version;
|
|
@@ -12,6 +12,7 @@ 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');
|
|
15
16
|
var reactIntl = require('react-intl');
|
|
16
17
|
var utils = require('@commercetools-uikit/utils');
|
|
17
18
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -20,8 +21,8 @@ var SpacingsStack = require('@commercetools-uikit/spacings-stack');
|
|
|
20
21
|
var Text = require('@commercetools-uikit/text');
|
|
21
22
|
var isNil = require('lodash/isNil');
|
|
22
23
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
24
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
23
25
|
var react = require('@emotion/react');
|
|
24
|
-
var designSystem = require('@commercetools-uikit/design-system');
|
|
25
26
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
26
27
|
|
|
27
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -39,6 +40,7 @@ var SpacingsInline__default = /*#__PURE__*/_interopDefault(SpacingsInline);
|
|
|
39
40
|
var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
|
|
40
41
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
41
42
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
43
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
42
44
|
|
|
43
45
|
var _templateObject;
|
|
44
46
|
const heightPerScale = {
|
|
@@ -54,9 +56,9 @@ const getBackgroundBarStyles = props => {
|
|
|
54
56
|
var _props$height2;
|
|
55
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;" + ("" ), "" );
|
|
56
58
|
};
|
|
57
|
-
const getForegroundBarStyles = props => {
|
|
58
|
-
var _props$height3;
|
|
59
|
-
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 : "linear-gradient(\n
|
|
59
|
+
const getForegroundBarStyles = (props, themedValue) => {
|
|
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 : themedValue("linear-gradient(\n to right,\n #00E5CB,\n ".concat(designSystem.designTokens.colorPrimary25, ",\n #00E5CB\n )"), _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, ";" + ("" ), "" );
|
|
60
62
|
};
|
|
61
63
|
|
|
62
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; }
|
|
@@ -76,6 +78,8 @@ const ProgressBarLabel = props => {
|
|
|
76
78
|
});
|
|
77
79
|
};
|
|
78
80
|
const Bar = props => {
|
|
81
|
+
const _useTheme = designSystem.useTheme(),
|
|
82
|
+
themedValue = _useTheme.themedValue;
|
|
79
83
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
80
84
|
max: props.barWidth,
|
|
81
85
|
children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
@@ -85,7 +89,7 @@ const Bar = props => {
|
|
|
85
89
|
"aria-label": "Progress bar"
|
|
86
90
|
}, utils.filterAriaAttributes(props)), {}, {
|
|
87
91
|
children: jsxRuntime.jsx("div", {
|
|
88
|
-
css: getForegroundBarStyles(props)
|
|
92
|
+
css: getForegroundBarStyles(props, themedValue)
|
|
89
93
|
})
|
|
90
94
|
}))
|
|
91
95
|
});
|
|
@@ -154,7 +158,7 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
154
158
|
var ProgressBar$1 = ProgressBar;
|
|
155
159
|
|
|
156
160
|
// NOTE: This string will be replaced on build time with the package version.
|
|
157
|
-
var version = "18.
|
|
161
|
+
var version = "18.5.0";
|
|
158
162
|
|
|
159
163
|
exports["default"] = ProgressBar$1;
|
|
160
164
|
exports.version = version;
|
|
@@ -8,6 +8,7 @@ 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';
|
|
11
12
|
import { FormattedMessage } from 'react-intl';
|
|
12
13
|
import { filterAriaAttributes } from '@commercetools-uikit/utils';
|
|
13
14
|
import Constraints from '@commercetools-uikit/constraints';
|
|
@@ -16,8 +17,8 @@ import SpacingsStack from '@commercetools-uikit/spacings-stack';
|
|
|
16
17
|
import Text from '@commercetools-uikit/text';
|
|
17
18
|
import isNil from 'lodash/isNil';
|
|
18
19
|
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
20
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
19
21
|
import { keyframes, css } from '@emotion/react';
|
|
20
|
-
import { designTokens } from '@commercetools-uikit/design-system';
|
|
21
22
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
22
23
|
|
|
23
24
|
var _templateObject;
|
|
@@ -28,15 +29,15 @@ const heightPerScale = {
|
|
|
28
29
|
const progressPulse = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n"])));
|
|
29
30
|
const getLabelStyles = props => {
|
|
30
31
|
var _props$height;
|
|
31
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
32
33
|
};
|
|
33
34
|
const getBackgroundBarStyles = props => {
|
|
34
35
|
var _props$height2;
|
|
35
|
-
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCdUUiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGRlc2lnblRva2VucyxcbiAgdHlwZSBUVXNlVGhlbWVSZXN1bHQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZSBUUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyJztcblxuZXhwb3J0IGNvbnN0IGhlaWdodFBlclNjYWxlID0ge1xuICAnMTAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzI1LFxuICAnMjAnOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwLFxufTtcblxuY29uc3QgcHJvZ3Jlc3NQdWxzZSA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwMCUgMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwJSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyAmIHsgdGV4dEFsaWdubWVudDogc3RyaW5nIH1cbikgPT4gY3NzYFxuICBtaW4taGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUoXG4gICAgcHJvcHMubGFiZWxXaWR0aCB8fCBkZWZhdWx0UHJvcHMubGFiZWxXaWR0aCFcbiAgKX07XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZEJhclN0eWxlcyA9IChwcm9wczogVFByb2dyZXNzQmFyUHJvcHMpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC40KSdcbiAgICA6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRCYXJTdHlsZXMgPSAoXG4gIHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcyxcbiAgdGhlbWVkVmFsdWU6IFRVc2VUaGVtZVJlc3VsdFsndGhlbWVkVmFsdWUnXVxuKSA9PiBjc3NgXG4gIHdpZHRoOiAke3Byb3BzLnByb2dyZXNzfSU7XG4gIHRyYW5zaXRpb246IHdpZHRoIDUwMG1zIGVhc2UtaW4tb3V0O1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAke2hlaWdodFBlclNjYWxlW3Byb3BzLmhlaWdodCA/PyBkZWZhdWx0UHJvcHMuaGVpZ2h0IV19O1xuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICA6IHRoZW1lZFZhbHVlKFxuICAgICAgICBgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAgICMwMEU1Q0IsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjV9LFxuICAgICAgICAgICMwMEU1Q0JcbiAgICAgICAgKWAsXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9LFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5ODV9XG4gICAgICAgIClgXG4gICAgICApfTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogJHtwcm9wcy5pc0FuaW1hdGVkICYmICFwcm9wcy5pc0ludmVydGVkXG4gICAgPyBjc3NgXG4gICAgICAgICR7cHJvZ3Jlc3NQdWxzZX0gMnMgbGluZWFyIGluZmluaXRlXG4gICAgICBgXG4gICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH07XG5gO1xuIl19 */");
|
|
36
37
|
};
|
|
37
|
-
const getForegroundBarStyles = props => {
|
|
38
|
-
var _props$height3;
|
|
39
|
-
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 : "linear-gradient(\n
|
|
38
|
+
const getForegroundBarStyles = (props, themedValue) => {
|
|
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 : themedValue("linear-gradient(\n to right,\n #00E5CB,\n ".concat(designTokens.colorPrimary25, ",\n #00E5CB\n )"), _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FUyIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiJwcm9ncmVzcy1iYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRVc2VUaGVtZVJlc3VsdCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlIFRQcm9ncmVzc0JhclByb3BzIH0gZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuXG5leHBvcnQgY29uc3QgaGVpZ2h0UGVyU2NhbGUgPSB7XG4gICcxMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nMjUsXG4gICcyMCc6IGRlc2lnblRva2Vucy5zcGFjaW5nNDAsXG59O1xuXG5jb25zdCBwcm9ncmVzc1B1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTAwJSAwO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzICYgeyB0ZXh0QWxpZ25tZW50OiBzdHJpbmcgfVxuKSA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShcbiAgICBwcm9wcy5sYWJlbFdpZHRoIHx8IGRlZmF1bHRQcm9wcy5sYWJlbFdpZHRoIVxuICApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQmFyU3R5bGVzID0gKHByb3BzOiBUUHJvZ3Jlc3NCYXJQcm9wcykgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5pc0ludmVydGVkXG4gICAgPyAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpJ1xuICAgIDogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZEJhclN0eWxlcyA9IChcbiAgcHJvcHM6IFRQcm9ncmVzc0JhclByb3BzLFxuICB0aGVtZWRWYWx1ZTogVFVzZVRoZW1lUmVzdWx0Wyd0aGVtZWRWYWx1ZSddXG4pID0+IGNzc2BcbiAgd2lkdGg6ICR7cHJvcHMucHJvZ3Jlc3N9JTtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXMgZWFzZS1pbi1vdXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6ICR7aGVpZ2h0UGVyU2NhbGVbcHJvcHMuaGVpZ2h0ID8/IGRlZmF1bHRQcm9wcy5oZWlnaHQhXX07XG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaXNJbnZlcnRlZFxuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgIDogdGhlbWVkVmFsdWUoXG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgdG8gcmlnaHQsXG4gICAgICAgICAgIzAwRTVDQixcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX0sXG4gICAgICAgICAgIzAwRTVDQlxuICAgICAgICApYCxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICB0byByaWdodCxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX0sXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fSxcbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk4NX1cbiAgICAgICAgKWBcbiAgICAgICl9O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiAke3Byb3BzLmlzQW5pbWF0ZWQgJiYgIXByb3BzLmlzSW52ZXJ0ZWRcbiAgICA/IGNzc2BcbiAgICAgICAgJHtwcm9ncmVzc1B1bHNlfSAycyBsaW5lYXIgaW5maW5pdGVcbiAgICAgIGBcbiAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfTtcbmA7XG4iXX0= */");
|
|
40
41
|
};
|
|
41
42
|
|
|
42
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; }
|
|
@@ -56,6 +57,8 @@ const ProgressBarLabel = props => {
|
|
|
56
57
|
});
|
|
57
58
|
};
|
|
58
59
|
const Bar = props => {
|
|
60
|
+
const _useTheme = useTheme(),
|
|
61
|
+
themedValue = _useTheme.themedValue;
|
|
59
62
|
return jsx(Constraints.Horizontal, {
|
|
60
63
|
max: props.barWidth,
|
|
61
64
|
children: jsx("div", _objectSpread(_objectSpread({
|
|
@@ -65,7 +68,7 @@ const Bar = props => {
|
|
|
65
68
|
"aria-label": "Progress bar"
|
|
66
69
|
}, filterAriaAttributes(props)), {}, {
|
|
67
70
|
children: jsx("div", {
|
|
68
|
-
css: getForegroundBarStyles(props)
|
|
71
|
+
css: getForegroundBarStyles(props, themedValue)
|
|
69
72
|
})
|
|
70
73
|
}))
|
|
71
74
|
});
|
|
@@ -145,6 +148,6 @@ ProgressBar.defaultProps = defaultProps;
|
|
|
145
148
|
var ProgressBar$1 = ProgressBar;
|
|
146
149
|
|
|
147
150
|
// NOTE: This string will be replaced on build time with the package version.
|
|
148
|
-
var version = "18.
|
|
151
|
+
var version = "18.5.0";
|
|
149
152
|
|
|
150
153
|
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": "18.
|
|
4
|
+
"version": "18.5.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": "18.
|
|
25
|
-
"@commercetools-uikit/design-system": "18.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "18.
|
|
27
|
-
"@commercetools-uikit/spacings-stack": "18.
|
|
28
|
-
"@commercetools-uikit/text": "18.
|
|
29
|
-
"@commercetools-uikit/utils": "18.
|
|
24
|
+
"@commercetools-uikit/constraints": "18.5.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "18.5.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "18.5.0",
|
|
27
|
+
"@commercetools-uikit/spacings-stack": "18.5.0",
|
|
28
|
+
"@commercetools-uikit/text": "18.5.0",
|
|
29
|
+
"@commercetools-uikit/utils": "18.5.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"prop-types": "15.8.1",
|