norma-library 0.5.65 → 0.5.66

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 (5) hide show
  1. package/dist/esm/components/ProgressBar.d.ts +1 -1
  2. package/dist/esm/components/ProgressBar.js +2 -2
  3. package/dist/esm/components/ProgressBar.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/ProgressBar.tsx +2 -2
package/dist/esm/components/ProgressBar.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ProgressBarBaseProps } from '../interfaces';
3
- export declare const ProgressBar: ({ value, label, variant, total, ...props }: ProgressBarBaseProps) => React.JSX.Element;
3
+ export declare const ProgressBar: ({ value, label, variant, total, className, ...props }: ProgressBarBaseProps) => React.JSX.Element;
package/dist/esm/components/ProgressBar.js CHANGED
@@ -11,9 +11,9 @@ var ProgressBarStyled = styled(MuiProgressBar)({
11
11
  });
12
12
  var ProgressBarLabelStyled = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"])));
13
13
  export var ProgressBar = function (_a) {
14
- var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? 'determinate' : _c, total = _a.total, props = __rest(_a, ["value", "label", "variant", "total"]);
14
+ var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? 'determinate' : _c, total = _a.total, className = _a.className, props = __rest(_a, ["value", "label", "variant", "total", "className"]);
15
15
  var percentage = value && total ? (value / total) * 100 : 0;
16
- return (React.createElement("div", { style: { minWidth: '100px' } },
16
+ return (React.createElement("div", { className: className, style: { minWidth: '100px' } },
17
17
  label && (React.createElement(ProgressBarLabelStyled, null,
18
18
  label,
19
19
  React.createElement("span", { style: { right: 0 } },
package/dist/esm/components/ProgressBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQhD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAoF;IAAlF,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,KAAK,WAAA,EAAE,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA5D,sCAA8D,CAAF;IACtF,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC9B,KAAK,IAAI,CACR,oBAAC,sBAAsB;YACpB,KAAK;YACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CACgB,CAC1B;QACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CACjE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQhD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA+F;IAA7F,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,KAAK,WAAA,EAAE,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAvE,mDAAyE,CAAF;IACjG,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,IAAI,CACR,oBAAC,sBAAsB;YACpB,KAAK;YACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CACgB,CAC1B;QACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CACjE,CACP,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "norma-library",
3
- "version": "0.5.65",
3
+ "version": "0.5.66",
4
4
  "private": false,
5
5
  "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
6
6
  "scripts": {
package/src/components/ProgressBar.tsx CHANGED
@@ -28,11 +28,11 @@ const ProgressBarLabelStyled = styled(Typography)`
28
28
  font: normal normal normal 16px/20px Source Sans Pro;
29
29
  `;
30
30
 
31
- export const ProgressBar = ({ value = 0, label, variant = 'determinate', total, ...props }: ProgressBarBaseProps) => {
31
+ export const ProgressBar = ({ value = 0, label, variant = 'determinate', total, className, ...props }: ProgressBarBaseProps) => {
32
32
  const percentage = value && total ? (value / total) * 100 : 0;
33
33
 
34
34
  return (
35
- <div style={{ minWidth: '100px' }}>
35
+ <div className={className} style={{ minWidth: '100px' }}>
36
36
  {label && (
37
37
  <ProgressBarLabelStyled>
38
38
  {label}