@codacy/ui-components 0.62.4 → 0.62.5

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.
Files changed (13) hide show
  1. package/lib/Labeled/styles.d.ts +2 -2
  2. package/lib/Labeled/styles.js +3 -3
  3. package/lib/ProgressBar/ProgressBar.d.ts +3 -0
  4. package/lib/ProgressBar/ProgressBar.js +25 -0
  5. package/lib/ProgressBar/index.d.ts +1 -0
  6. package/lib/ProgressBar/index.js +1 -0
  7. package/lib/ProgressBar/styles.d.ts +30 -0
  8. package/lib/ProgressBar/styles.js +33 -0
  9. package/lib/ProgressBar/types.d.ts +13 -0
  10. package/lib/ProgressBar/types.js +1 -0
  11. package/lib/index.d.ts +1 -0
  12. package/lib/index.js +2 -1
  13. package/package.json +1 -1
package/lib/Labeled/styles.d.ts CHANGED
@@ -10,5 +10,5 @@ export declare const LabelWrapper: import("@emotion/styled-base").StyledComponen
10
10
  } & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
11
11
  theme?: object | undefined;
12
12
  }, Pick<LabeledProps, "size">, CodacyTheme>;
13
- export declare const Label: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}, CodacyTheme>;
14
- export declare const Optional: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}, CodacyTheme>;
13
+ export declare const Label: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Record<string, unknown>, CodacyTheme>;
14
+ export declare const Optional: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Record<string, unknown>, CodacyTheme>;
package/lib/Labeled/styles.js CHANGED
@@ -6,7 +6,7 @@ export var LabelWrapper = /*#__PURE__*/_styled(Box, {
6
6
  var theme = _ref.theme,
7
7
  size = _ref.size;
8
8
  return !!size ? theme.controlSize[size] : '100%';
9
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0YiLCJmaWxlIjoiLi4vLi4vc3JjL0xhYmVsZWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IExhYmVsZWRQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPExhYmVsZWRQcm9wcywgJ3NpemUnPiwgQ29kYWN5VGhlbWU+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHt9LCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J119O1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbmFsID0gc3R5bGVkLnNwYW48e30sIENvZGFjeVRoZW1lPmBcbiAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuIl19 */"));
9
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0YiLCJmaWxlIjoiLi4vLi4vc3JjL0xhYmVsZWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IExhYmVsZWRQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPExhYmVsZWRQcm9wcywgJ3NpemUnPiwgQ29kYWN5VGhlbWU+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J119O1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbmFsID0gc3R5bGVkLnNwYW48UmVjb3JkPHN0cmluZywgdW5rbm93bj4sIENvZGFjeVRoZW1lPmBcbiAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuIl19 */"));
10
10
  export var Label = _styled("label", {
11
11
  target: "exnqhxw1"
12
12
  })("display:flex;align-items:center;font-size:", function (_ref2) {
@@ -18,10 +18,10 @@ export var Label = _styled("label", {
18
18
  }, ";margin-bottom:", function (_ref4) {
19
19
  var theme = _ref4.theme;
20
20
  return theme.space[2];
21
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTa0QiLCJmaWxlIjoiLi4vLi4vc3JjL0xhYmVsZWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IExhYmVsZWRQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPExhYmVsZWRQcm9wcywgJ3NpemUnPiwgQ29kYWN5VGhlbWU+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPHt9LCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J119O1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbmFsID0gc3R5bGVkLnNwYW48e30sIENvZGFjeVRoZW1lPmBcbiAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuIl19 */"));
21
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUUiLCJmaWxlIjoiLi4vLi4vc3JjL0xhYmVsZWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IExhYmVsZWRQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWNrPExhYmVsZWRQcm9wcywgJ3NpemUnPiwgQ29kYWN5VGhlbWU+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoISFzaXplID8gdGhlbWUuY29udHJvbFNpemVbc2l6ZV0gOiAnMTAwJScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsPFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbMl19O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J119O1xuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuZXhwb3J0IGNvbnN0IE9wdGlvbmFsID0gc3R5bGVkLnNwYW48UmVjb3JkPHN0cmluZywgdW5rbm93bj4sIENvZGFjeVRoZW1lPmBcbiAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuIl19 */"));
22
22
  export var Optional = _styled("span", {
23
23
  target: "exnqhxw2"
24
24
  })("margin-left:", function (_ref5) {
25
25
  var theme = _ref5.theme;
26
26
  return theme.space[2];
27
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ29kYWN5VGhlbWUgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBMYWJlbGVkUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkKEJveCk8UGljazxMYWJlbGVkUHJvcHMsICdzaXplJz4sIENvZGFjeVRoZW1lPmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKCEhc2l6ZSA/IHRoZW1lLmNvbnRyb2xTaXplW3NpemVdIDogJzEwMCUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbDx7fSwgQ29kYWN5VGhlbWU+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXNlY29uZGFyeSddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb25hbCA9IHN0eWxlZC5zcGFuPHt9LCBDb2RhY3lUaGVtZT5gXG4gIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcbiJdfQ== */"));
27
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnlFIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYWJlbGVkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ29kYWN5VGhlbWUgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBMYWJlbGVkUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkKEJveCk8UGljazxMYWJlbGVkUHJvcHMsICdzaXplJz4sIENvZGFjeVRoZW1lPmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKCEhc2l6ZSA/IHRoZW1lLmNvbnRyb2xTaXplW3NpemVdIDogJzEwMCUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbDxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiwgQ29kYWN5VGhlbWU+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXNlY29uZGFyeSddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb25hbCA9IHN0eWxlZC5zcGFuPFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBDb2RhY3lUaGVtZT5gXG4gIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcbiJdfQ== */"));
package/lib/ProgressBar/ProgressBar.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ProgressBarProps } from './types';
3
+ export declare const ProgressBar: React.FC<ProgressBarProps>;
package/lib/ProgressBar/ProgressBar.js ADDED
@@ -0,0 +1,25 @@
1
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
+ var _excluded = ["percentage", "color", "height", "indicatorPercentage"];
3
+ import React from 'react';
4
+ import { Bar, FilledBar, ProgressIndicator } from './styles';
5
+ export var ProgressBar = function ProgressBar(_ref) {
6
+ var percentage = _ref.percentage,
7
+ _ref$color = _ref.color,
8
+ color = _ref$color === void 0 ? 'info' : _ref$color,
9
+ _ref$height = _ref.height,
10
+ height = _ref$height === void 0 ? '0.5rem' : _ref$height,
11
+ indicatorPercentage = _ref.indicatorPercentage,
12
+ props = _objectWithoutProperties(_ref, _excluded);
13
+
14
+ return /*#__PURE__*/React.createElement(Bar, Object.assign({
15
+ height: height
16
+ }, props), /*#__PURE__*/React.createElement(FilledBar, {
17
+ color: color,
18
+ percentage: percentage,
19
+ height: '100%'
20
+ }), indicatorPercentage && /*#__PURE__*/React.createElement(ProgressIndicator, {
21
+ belowIndicator: percentage <= indicatorPercentage,
22
+ indicatorPercentage: indicatorPercentage,
23
+ height: '100%'
24
+ }));
25
+ };
package/lib/ProgressBar/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './ProgressBar';
package/lib/ProgressBar/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './ProgressBar';
package/lib/ProgressBar/styles.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ import { CodacyTheme } from '../theme';
3
+ import { ProgressBarIndication, ProgressBarProps } from './types';
4
+ export declare const Bar: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
5
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
6
+ }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
7
+ theme?: object | undefined;
8
+ }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
9
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
+ } & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
11
+ theme?: object | undefined;
12
+ }, Record<string, unknown>, CodacyTheme>;
13
+ export declare const FilledBar: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
14
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
15
+ }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
16
+ theme?: object | undefined;
17
+ }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
18
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
+ } & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
20
+ theme?: object | undefined;
21
+ }, Pick<ProgressBarProps, "color" | "percentage">, CodacyTheme>;
22
+ export declare const ProgressIndicator: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
23
+ fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
24
+ }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
25
+ theme?: object | undefined;
26
+ }, "key" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
27
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
28
+ } & Pick<import("../Flexbox").BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
29
+ theme?: object | undefined;
30
+ }, Pick<ProgressBarProps & ProgressBarIndication, "top" | "indicatorPercentage" | "belowIndicator">, CodacyTheme>;
package/lib/ProgressBar/styles.js ADDED
@@ -0,0 +1,33 @@
1
+ import _styled from "@emotion/styled-base";
2
+ import { Box } from '../Flexbox';
3
+ export var Bar = /*#__PURE__*/_styled(Box, {
4
+ target: "e1ma74540"
5
+ })("border-radius:9999px;background-color:", function (_ref) {
6
+ var theme = _ref.theme;
7
+ return theme.colors['blue-50'];
8
+ }, ";overflow:hidden;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29FIiwiZmlsZSI6Ii4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvZGFjeVRoZW1lLCBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFByb2dyZXNzQmFySW5kaWNhdGlvbiwgUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQoQm94KTxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiwgQ29kYWN5VGhlbWU+YFxuICAvKiBXaGVuIHRoZSBoZWlnaHQgaXMgdG9vIGhpZ2ggYm9yZGVyLXJhZGl1cyBkZWZhdWx0cyB0byBsb3dlc3Qgb2YgdmVydGljYWwvaG9yaXpvbnRhbFxuICAgIENoZWNrIG91dDogaHR0cHM6Ly93d3cudzMub3JnL1RSL2Nzcy1iYWNrZ3JvdW5kcy0zLyNjb3JuZXItb3ZlcmxhcCAqL1xuICBib3JkZXItcmFkaXVzOiA5OTk5cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTUwJ119O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxsZWRCYXIgPSBzdHlsZWQoQm94KTxQaWNrPFByb2dyZXNzQmFyUHJvcHMsICdwZXJjZW50YWdlJyB8ICdjb2xvcic+LCBDb2RhY3lUaGVtZT5gXG4gIHdpZHRoOiAkeyh7IHBlcmNlbnRhZ2UgfSkgPT4gYCR7cGVyY2VudGFnZX0lYH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbG9yID0gJ2luZm8nIH0pID0+IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7Y29sb3J9YCBhcyBDb2xvcl19O1xuYFxuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NJbmRpY2F0b3IgPSBzdHlsZWQoQm94KTxcbiAgUGljazxQcm9ncmVzc0JhclByb3BzICYgUHJvZ3Jlc3NCYXJJbmRpY2F0aW9uLCAnaW5kaWNhdG9yUGVyY2VudGFnZScgfCAndG9wJyB8ICdiZWxvd0luZGljYXRvcic+LFxuICBDb2RhY3lUaGVtZVxuPmBcbiAgbGVmdDogJHsoeyBpbmRpY2F0b3JQZXJjZW50YWdlIH0pID0+IChpbmRpY2F0b3JQZXJjZW50YWdlID8gYCR7aW5kaWNhdG9yUGVyY2VudGFnZX0lYCA6IDApfTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiAodG9wID8gdG9wIDogMCl9O1xuICB3aWR0aDogMC4xODc1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBiZWxvd0luZGljYXRvciA9IHRydWUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbYmVsb3dJbmRpY2F0b3IgPyAnYWNjZW50LWluZm8nIDogJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuYFxuIl19 */"));
9
+ export var FilledBar = /*#__PURE__*/_styled(Box, {
10
+ target: "e1ma74541"
11
+ })("width:", function (_ref2) {
12
+ var percentage = _ref2.percentage;
13
+ return "".concat(percentage, "%");
14
+ }, ";background-color:", function (_ref3) {
15
+ var theme = _ref3.theme,
16
+ _ref3$color = _ref3.color,
17
+ color = _ref3$color === void 0 ? 'info' : _ref3$color;
18
+ return theme.colors["accent-".concat(color)];
19
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lHIiwiZmlsZSI6Ii4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvZGFjeVRoZW1lLCBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFByb2dyZXNzQmFySW5kaWNhdGlvbiwgUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQoQm94KTxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiwgQ29kYWN5VGhlbWU+YFxuICAvKiBXaGVuIHRoZSBoZWlnaHQgaXMgdG9vIGhpZ2ggYm9yZGVyLXJhZGl1cyBkZWZhdWx0cyB0byBsb3dlc3Qgb2YgdmVydGljYWwvaG9yaXpvbnRhbFxuICAgIENoZWNrIG91dDogaHR0cHM6Ly93d3cudzMub3JnL1RSL2Nzcy1iYWNrZ3JvdW5kcy0zLyNjb3JuZXItb3ZlcmxhcCAqL1xuICBib3JkZXItcmFkaXVzOiA5OTk5cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTUwJ119O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxsZWRCYXIgPSBzdHlsZWQoQm94KTxQaWNrPFByb2dyZXNzQmFyUHJvcHMsICdwZXJjZW50YWdlJyB8ICdjb2xvcic+LCBDb2RhY3lUaGVtZT5gXG4gIHdpZHRoOiAkeyh7IHBlcmNlbnRhZ2UgfSkgPT4gYCR7cGVyY2VudGFnZX0lYH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbG9yID0gJ2luZm8nIH0pID0+IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7Y29sb3J9YCBhcyBDb2xvcl19O1xuYFxuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NJbmRpY2F0b3IgPSBzdHlsZWQoQm94KTxcbiAgUGljazxQcm9ncmVzc0JhclByb3BzICYgUHJvZ3Jlc3NCYXJJbmRpY2F0aW9uLCAnaW5kaWNhdG9yUGVyY2VudGFnZScgfCAndG9wJyB8ICdiZWxvd0luZGljYXRvcic+LFxuICBDb2RhY3lUaGVtZVxuPmBcbiAgbGVmdDogJHsoeyBpbmRpY2F0b3JQZXJjZW50YWdlIH0pID0+IChpbmRpY2F0b3JQZXJjZW50YWdlID8gYCR7aW5kaWNhdG9yUGVyY2VudGFnZX0lYCA6IDApfTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiAodG9wID8gdG9wIDogMCl9O1xuICB3aWR0aDogMC4xODc1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBiZWxvd0luZGljYXRvciA9IHRydWUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbYmVsb3dJbmRpY2F0b3IgPyAnYWNjZW50LWluZm8nIDogJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuYFxuIl19 */"));
20
+ export var ProgressIndicator = /*#__PURE__*/_styled(Box, {
21
+ target: "e1ma74542"
22
+ })("left:", function (_ref4) {
23
+ var indicatorPercentage = _ref4.indicatorPercentage;
24
+ return indicatorPercentage ? "".concat(indicatorPercentage, "%") : 0;
25
+ }, ";top:", function (_ref5) {
26
+ var top = _ref5.top;
27
+ return top ? top : 0;
28
+ }, ";width:0.1875rem;background-color:", function (_ref6) {
29
+ var theme = _ref6.theme,
30
+ _ref6$belowIndicator = _ref6.belowIndicator,
31
+ belowIndicator = _ref6$belowIndicator === void 0 ? true : _ref6$belowIndicator;
32
+ return theme.colors[belowIndicator ? 'accent-info' : 'accent-primary-active'];
33
+ }, ";position:absolute;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JDIiwiZmlsZSI6Ii4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvZGFjeVRoZW1lLCBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFByb2dyZXNzQmFySW5kaWNhdGlvbiwgUHJvZ3Jlc3NCYXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQoQm94KTxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiwgQ29kYWN5VGhlbWU+YFxuICAvKiBXaGVuIHRoZSBoZWlnaHQgaXMgdG9vIGhpZ2ggYm9yZGVyLXJhZGl1cyBkZWZhdWx0cyB0byBsb3dlc3Qgb2YgdmVydGljYWwvaG9yaXpvbnRhbFxuICAgIENoZWNrIG91dDogaHR0cHM6Ly93d3cudzMub3JnL1RSL2Nzcy1iYWNrZ3JvdW5kcy0zLyNjb3JuZXItb3ZlcmxhcCAqL1xuICBib3JkZXItcmFkaXVzOiA5OTk5cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTUwJ119O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmV4cG9ydCBjb25zdCBGaWxsZWRCYXIgPSBzdHlsZWQoQm94KTxQaWNrPFByb2dyZXNzQmFyUHJvcHMsICdwZXJjZW50YWdlJyB8ICdjb2xvcic+LCBDb2RhY3lUaGVtZT5gXG4gIHdpZHRoOiAkeyh7IHBlcmNlbnRhZ2UgfSkgPT4gYCR7cGVyY2VudGFnZX0lYH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbG9yID0gJ2luZm8nIH0pID0+IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7Y29sb3J9YCBhcyBDb2xvcl19O1xuYFxuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NJbmRpY2F0b3IgPSBzdHlsZWQoQm94KTxcbiAgUGljazxQcm9ncmVzc0JhclByb3BzICYgUHJvZ3Jlc3NCYXJJbmRpY2F0aW9uLCAnaW5kaWNhdG9yUGVyY2VudGFnZScgfCAndG9wJyB8ICdiZWxvd0luZGljYXRvcic+LFxuICBDb2RhY3lUaGVtZVxuPmBcbiAgbGVmdDogJHsoeyBpbmRpY2F0b3JQZXJjZW50YWdlIH0pID0+IChpbmRpY2F0b3JQZXJjZW50YWdlID8gYCR7aW5kaWNhdG9yUGVyY2VudGFnZX0lYCA6IDApfTtcbiAgdG9wOiAkeyh7IHRvcCB9KSA9PiAodG9wID8gdG9wIDogMCl9O1xuICB3aWR0aDogMC4xODc1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBiZWxvd0luZGljYXRvciA9IHRydWUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbYmVsb3dJbmRpY2F0b3IgPyAnYWNjZW50LWluZm8nIDogJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuYFxuIl19 */"));
package/lib/ProgressBar/types.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { ComponentProps } from '../types';
2
+ import { SpaceProps } from '../system-props/types';
3
+ import { BoxProps } from '../Flexbox';
4
+ export declare type BarColors = 'success' | 'info' | 'danger' | 'warning';
5
+ export interface ProgressBarIndication {
6
+ belowIndicator: boolean;
7
+ }
8
+ export interface ProgressBarProps extends BoxProps, ComponentProps, SpaceProps {
9
+ percentage: number;
10
+ height?: string;
11
+ color?: BarColors;
12
+ indicatorPercentage?: number;
13
+ }
package/lib/ProgressBar/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/lib/index.d.ts CHANGED
@@ -40,3 +40,4 @@ export * from './Stepper';
40
40
  export * from './hooks';
41
41
  export * from './types';
42
42
  export * from './system-props';
43
+ export * from './ProgressBar';
package/lib/index.js CHANGED
@@ -39,4 +39,5 @@ export * from './Switcher';
39
39
  export * from './Stepper';
40
40
  export * from './hooks';
41
41
  export * from './types';
42
- export * from './system-props';
42
+ export * from './system-props';
43
+ export * from './ProgressBar';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.62.4",
3
+ "version": "0.62.5",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",