norma-library 0.1.1 → 0.1.3

package/README.md

@@ -16,9 +16,10 @@ Para instalar o pacote Norma em seu projeto execute o comando em seu terminal:
 
 ### Button
 
-`import { Button } from "norma-library`;
-
-`<Button label="Clique-me" onClick={handleButtonClick} />`;
+```jsx
+import { Button } from 'norma-library'
+;<Button label="Clique-me" onClick={handleButtonClick} />
+```
 
 #### Props
 
@@ -35,9 +36,11 @@ O componente `Button` aceita as seguintes propriedades:
 
 ### Card
 
-`import { Card } from "norma-library`;
+```jsx
+  import { Card } from "norma-library`;
 
-`<Card title="Titulo do cartão" />conteúdo do card</card>`;
+  <Card title="Titulo do cartão" /> Conteúdo do card </Card>
+```
 
 #### Props
 
@@ -48,10 +51,20 @@ O componente `Card` aceita as seguintes propriedades:
 
 ### Modal
 
-`import { Modal} from "norma-library`;
+```jsx
+
+  import { Modal} from "norma-library`;
 
-`<Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" onConfirm={handleConfirm}
-title="Titulo do modal">conteúdo do modal</modal>`;
+  <Modal
+    open={open}
+    onClose={handleClose}
+    aria-labelledby="modal-modal-title"
+    aria-describedby="modal-modal-description"
+    onConfirm={handleConfirm}
+    title="Titulo do modal">
+      conteúdo do modal
+  </modal>
+```
 
 #### Props
 
@@ -68,9 +81,16 @@ O componente `Modal` aceita as seguintes propriedades:
 
 ### TextField
 
-`import { TextField } from "norma-library`;
+```jsx
+  import { TextField } from "norma-library`;
+
+  <TextField
+    id="outlined-basic"
+    label="Outlined"
+    variant="outlined"
+  />
 
-`<TextField id="outlined-basic" label="Outlined" variant="outlined" />`;
+```
 
 #### Props
 
@@ -87,9 +107,16 @@ O componente `TextField` aceita as seguintes propriedades:
 
 ### CheckBox
 
-`import { CheckBox } from "norma-library`;
+```jsx
+  import { CheckBox } from "norma-library`;
 
-`<CheckBox id="checkbox-basic" label="Checkbox" label="Selecionar" checked={checked} onChange={handleCheckboxChange} />`;
+  <CheckBox
+    id="checkbox-basic"
+    label="Checkbox"
+    checked={checked}
+    onChange={handleCheckboxChange}
+  />
+```
 
 #### Props
 
@@ -103,3 +130,31 @@ O componente `CheckBox` aceita as seguintes propriedades:
 - `size ` (string): O tamanho da caixa de seleção (small, medium).
 - `value` (TextFieldValue): O valor do campo de entrada.
 - E outras propriedades relacionadas a estilos, required, id, etc.
+
+### ProgressBar
+
+```jsx
+import { ProgressBar } from "norma-library`;
+
+<ProgressBar
+  variant="determinate"
+  value={(35 / 180) * 100} // value
+  usage={35}
+  total={180}
+  label="Progresso"
+  color="primary"
+/>
+```
+
+#### Props
+
+O componente `ProgressBar` aceita as seguintes propriedades:
+
+- `sx` (SxProps<Theme>): Propriedade de estilo do Material-UI para estilizar o componente.
+- `usage` (number): O valor de uso para calcular a porcentagem da barra de progresso.
+- `value` (number): O valor da barra de progresso.
+- `total` (number): O valor total usado para calcular a porcentagem.
+- `label` (string): Texto do rótulo exibido acima da barra de progresso.
+- `colorCustom` (string): Cor personalizada para a barra de progresso.
+- `variant` ('determinate' | 'indeterminate' | 'buffer' | 'query'): O estilo da barra de progresso.
+- `color` (string): Cor da barra de progresso (primary, secondary, error, info, success, warning, inherit).

package/dist/components/Data/ProgressBar/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProgressBarBaseProps } from './types';
+export declare const ProgressBar: React.FC<ProgressBarBaseProps & {
+    usage?: number;
+    total?: number;
+    colorCustom?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAiC9C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAuBhF,CAAA"}

package/dist/components/Data/ProgressBar/types.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, LinearProgressProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { OverridableStringUnion } from '@mui/types';
+export interface LinearProgressPropsColorOverrides {
+}
+export type ProgressBarBaseProps = Pick<LinearProgressProps, 'sx'> & {
+    sx?: SxProps<Theme>;
+    usage?: number;
+    value?: number;
+    total?: number;
+    label?: string;
+    colorCustom?: string;
+    variant?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
+    color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', LinearProgressPropsColorOverrides>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Data/ProgressBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAGnD,MAAM,WAAW,iCAAiC;CAAG;AAErD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IACnE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9D,KAAK,CAAC,EAAE,sBAAsB,CAC5B,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,EAC9E,iCAAiC,CAClC,CAAA;CACF,CAAA"}

package/dist/components/Form/CheckBox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAmB,aAAa,IAAI,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAGnE,MAAM,WAAW,0BAA0B;CAAG;AAE9C,MAAM,WAAW,2BAA2B;CAAG;AAE/C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE,sBAAsB,CAC5B,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,EAC9E,2BAA2B,CAC5B,CAAA;IACD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,sBAAsB,CAAC,OAAO,GAAG,QAAQ,EAAE,0BAA0B,CAAC,CAAA;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAGnE,MAAM,WAAW,0BAA0B;CAAG;AAE9C,MAAM,WAAW,2BAA2B;CAAG;AAE/C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE,sBAAsB,CAC5B,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,EAC9E,2BAA2B,CAC5B,CAAA;IACD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,sBAAsB,CAAC,OAAO,GAAG,QAAQ,EAAE,0BAA0B,CAAC,CAAA;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export type { ButtonBaseProps } from './Layout/Button/types';
 export type { CardBaseProps } from './Layout/Card/types';
 export type { ModalBaseProps } from './Layout/Modal/types';
+export type { ProgressBarBaseProps } from './Data/ProgressBar/types';
 export type { IconsProps } from './Data/Icon/types';
 export type { TextFieldBaseProps } from './Form/TextField/types';
 export type { CheckBoxBaseProps } from './Form/CheckBox/types';
@@ -11,5 +12,6 @@ export { TextField } from './Form/TextField';
 export { CheckBox } from './Form/CheckBox';
 export { Icons as DefaultIconSVG } from './Data/Icon/DefaultIcon';
 export { Icons as NormaIconSVG } from './Data/Icon/NormaIcon';
+export { ProgressBar } from './Data/ProgressBar';
 export { palette, lightTheme, darkTheme } from '@helpers/colors';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAEpE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA"}