w-design-system 0.0.21 → 0.0.22

package/dist/components/Paginate/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Paginate/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,6NA4FrB,CAAA"}

package/dist/components/Paginate/styles.js

@@ -0,0 +1,97 @@
+import styled from 'styled-components';
+import { theme } from '../Themes';
+import { chevronDownSVG } from '../../assets/icon';
+export const Container = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .icon,
+  .icon svg,
+  .icon svg path {
+    fill: ${theme.colors.shade30} !important;
+  }
+
+  .icon:hover,
+  .icon:hover svg,
+  .icon:hover svg path {
+    fill: ${theme.colors.cyan30} !important;
+  }
+
+  .icon-disabled,
+  .icon-disabled svg,
+  .icon-disabled svg path {
+    fill: ${theme.colors.shade20} !important;
+  }
+
+  ul.pagination {
+    display: flex;
+    gap: 1rem;
+    font-family: 'Nunito Sans', sans-serif;
+    font-size: 1rem;
+    color: ${theme.colors.shade40};
+    li {
+      list-style: none;
+    }
+
+    li.page {
+      cursor: pointer;
+    }
+
+    li.page:hover {
+      color: ${theme.colors.cyan30};
+    }
+
+    li.page-active {
+      color: ${theme.colors.cyan30};
+      cursor: default;
+    }
+  }
+
+  .items-per-page-wrapper {
+    display: flex;
+    align-items: center;
+
+    gap: 1rem;
+    font-family: 'Nunito Sans', sans-serif;
+    color: ${theme.colors.shade40};
+
+    select {
+      /* styling */
+      cursor: pointer;
+      background-color: ${theme.colors.shade05};
+      background-image: url(${chevronDownSVG});
+      background-repeat: no-repeat;
+      background-size: 1rem;
+      background-position: right 1rem top calc(50% + 1px);
+      border: 1px solid ${theme.colors.shade20};
+      color: ${theme.colors.shade40};
+      border-radius: 4px;
+      display: inline-block;
+      font: inherit;
+      outline: 0;
+
+      padding: 18px 48px 14px 16px;
+
+      margin: 0;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      -webkit-appearance: none;
+      -moz-appearance: none; /* Firefox */
+      -webkit-appearance: none; /* Safari and Chrome */
+      appearance: none;
+    }
+
+    select:hover {
+      background-color: ${theme.colors.shade10};
+      border: 1px solid ${theme.colors.shade20};
+    }
+
+    select:focus {
+      background-color: ${theme.colors.shade10};
+      border: 1px solid ${theme.colors.shade30};
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Paginate/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Paginate/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;YAQvB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;aAQnB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;eAUlB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;eAInB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;aAWrB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;0BAKP,KAAK,CAAC,MAAM,CAAC,OAAO;8BAChB,cAAc;;;;0BAIlB,KAAK,CAAC,MAAM,CAAC,OAAO;eAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;;;;;;;0BAmBT,KAAK,CAAC,MAAM,CAAC,OAAO;0BACpB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;0BAIpB,KAAK,CAAC,MAAM,CAAC,OAAO;0BACpB,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG7C,CAAA"}

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

@@ -4,6 +4,7 @@ interface ParagraphProps {
     weight?: 400 | 600 | 700 | 800;
     as?: 'span' | 'div' | 'label' | 'p';
     color?: string;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
     children: React.ReactNode;
 }
 export declare const Paragraph: React.FC<ParagraphProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,GAAG,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AA0BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAM9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,GAAG,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AA2BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAa9C,CAAA"}

package/dist/components/Paragraph/index.js

@@ -19,9 +19,10 @@ const ParagraphStyled = styled.p `
   font-weight: ${props => (props.weight ? weights[props.weight] : 400)};
   line-height: 140%;
   font-family: 'Nunito Sans', sans-serif;
-  color: ${props => props.color || 'inherit'}; // Aplicando a cor
+  color: ${props => props.color || 'inherit'};
+  text-transform: ${props => props.textTransform || 'none'}; // Aplicando textTransform
 `;
-export const Paragraph = ({ size = 'small', weight, as = 'p', color, children }) => {
-    return (React.createElement(ParagraphStyled, { as: as, size: size, weight: weight, color: color }, children));
+export const Paragraph = ({ size = 'small', weight, as = 'p', color, textTransform, children, }) => {
+    return (React.createElement(ParagraphStyled, { as: as, size: size, weight: weight, color: color, textTransform: textTransform }, children));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Paragraph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAUtC,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAgB;;;eAGjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;iBACnC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;;WAG3D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;CAC3C,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3G,OAAO,CACL,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAC9D,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAWtC,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAgB;;;eAGjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;iBACnC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;;WAG3D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;oBACxB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,IAAI,MAAM;CACzD,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,IAAI,GAAG,OAAO,EACd,MAAM,EACN,EAAE,GAAG,GAAG,EACR,KAAK,EACL,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,IAC5F,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+type Column = {
+    header: string;
+    accessor: string;
+    width?: string;
+    sortable?: boolean;
+    onClick?: (row: any) => void;
+    Cell?: (row: any, handleExpandClick: (id: number) => void) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+};
+type TableProps = {
+    columns: Column[] | any;
+    data: any[];
+    height?: string;
+    loading?: boolean;
+    emptyStateMessage?: string;
+    striped?: boolean;
+};
+export declare const Table: React.FC<TableProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,KAAK,MAAM,GAAG;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC5B,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7E,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAED,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,EAAE,GAAG,GAAG,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AA+ED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoGtC,CAAA"}

package/dist/components/Table/index.js

@@ -0,0 +1,90 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { Paragraph } from '../Paragraph';
+import { theme } from '../Themes';
+import { ContainerLoading } from '../Loading';
+const TableContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow-x: auto;
+`;
+const StyledTable = styled.table `
+  width: 100%;
+  border-collapse: collapse;
+  height: 100%;
+`;
+const Thead = styled.thead `
+  display: table-header-group;
+  border-bottom: 1px solid #ddd;
+`;
+const Tbody = styled.tbody `
+  display: block;
+  width: 100%;
+  overflow-y: auto;
+  height: ${props => props.height || '100%'};
+`;
+const Tr = styled.tr `
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+`;
+const TrRow = styled.tr `
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  &:nth-of-type(n + 2) {
+    background-color: ${props => (props.striped ? '#f9f9f9' : 'transparent')};
+  }
+  &:nth-of-type(odd) {
+    background-color: ${props => (props.striped ? '#fff' : 'transparent')};
+  }
+`;
+const Th = styled.th `
+  padding: 10px;
+  text-align: ${props => props.align || 'left'};
+  width: ${props => props.width || 'auto'};
+`;
+const Td = styled.td `
+  padding: 12px;
+  width: ${props => (props === null || props === void 0 ? void 0 : props.width) || 'auto'};
+  text-align: ${props => (props === null || props === void 0 ? void 0 : props.align) || 'left'};
+`;
+const ExpandableRow = styled.div `
+  padding: 8px;
+  min-height: 50px;
+`;
+const LoadingWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+`;
+const EmptyStateWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+`;
+export const Table = ({ columns, data, height = '100%', loading = false, emptyStateMessage = 'No data available', striped = false, }) => {
+    const [expandedRow, setExpandedRow] = useState(null);
+    const handleExpandClick = (id) => {
+        setExpandedRow(expandedRow === id ? null : id);
+    };
+    // @ts-ignore
+    return (React.createElement(TableContainer, null,
+        React.createElement(StyledTable, null,
+            React.createElement(Thead, null,
+                React.createElement(Tr, { striped: striped }, columns.map((col, index) => (React.createElement(Th, { key: index, width: col.width, align: col.align },
+                    React.createElement(Paragraph, { color: theme.colors.shade30, textTransform: 'uppercase', weight: 400 }, col.header)))))),
+            React.createElement(Tbody, { height: height }, loading ? (React.createElement(LoadingWrapper, null,
+                React.createElement(ContainerLoading, { size: 'small' }))) : data.length === 0 ? (React.createElement(EmptyStateWrapper, null,
+                React.createElement(Paragraph, null, emptyStateMessage))) : (data.map((row, rowIndex) => (React.createElement(React.Fragment, { key: row.id },
+                React.createElement(TrRow, { striped: striped }, columns.map((col, colIndex) => (React.createElement(Td, { key: colIndex, width: col === null || col === void 0 ? void 0 : col.width, align: col === null || col === void 0 ? void 0 : col.align }, col.Cell ? (col.Cell(row, handleExpandClick)) : (React.createElement(Paragraph, { color: theme.colors.shade40 }, row[col.accessor])))))),
+                expandedRow === row.id && row.containerColapsed && (React.createElement(ExpandableRow, null, row.containerColapsed(row)))))))))));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Table } from './index';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LoadingState: Story;
+export declare const EmptyState: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/Table/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAyBC,CAAA;AAE9B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA+ElC,eAAO,MAAM,OAAO,EAAE,KAiErB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA"}

package/dist/components/Table/stories.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import { ButtonRound } from '../ButtonRound';
+import { dumpSVG, editSVG } from '../../assets/icon';
+import { Table } from './index';
+import CardStories from '../CardStories';
+import { Paragraph } from '../Paragraph';
+const meta = {
+    title: 'Components/Table',
+    component: Table,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        columns: {
+            control: 'object',
+            description: 'Array of column definitions',
+        },
+        data: {
+            control: 'object',
+            description: 'Array of data objects',
+        },
+        loading: {
+            control: 'boolean',
+            description: 'Loading state of the table',
+        },
+        emptyStateMessage: {
+            control: 'text',
+            description: 'Message to display when there is no data',
+        },
+    },
+};
+export default meta;
+const columns = [
+    {
+        header: 'id',
+        accessor: 'id',
+        width: 'auto',
+    },
+    {
+        header: 'item',
+        accessor: 'item',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'unidades',
+        accessor: 'unidades',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'marca/ fabricante',
+        accessor: 'marca_fabricante',
+        width: 'auto',
+        Cell: (row) => (React.createElement("div", { onClick: () => alert('aqui'), style: {
+                background: 'red',
+                color: 'white',
+                padding: '4px, 2px',
+                borderRadius: '8px',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            } }, row.marca_fabricante)),
+    },
+    {
+        header: 'modelo',
+        accessor: 'modelo',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'quantidade solitada',
+        accessor: 'quantidade_solitada',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'valor estimado unitario',
+        accessor: 'valor_estimado_unitario',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'valor estimado total',
+        accessor: 'valor_estimado_total',
+        width: 'auto',
+        sortable: true,
+    },
+    {
+        header: 'Actions',
+        accessor: 'valor_estimado_total',
+        width: '100px',
+        align: 'center',
+        Cell: (row, handleExpandClick) => (React.createElement("div", { style: { display: 'flex', gap: '8px', justifyContent: 'center' } },
+            React.createElement(ButtonRound, { icon: editSVG, onClick: () => handleExpandClick(row.id) }),
+            React.createElement(ButtonRound, { icon: dumpSVG, onClick: () => alert(`Delete ID: ${row.id}`), variant: 'danger' }))),
+    },
+];
+export const Default = {
+    args: {
+        height: 'auto',
+        columns: columns,
+        striped: true,
+        loading: false,
+        emptyStateMessage: 'No data available',
+        data: [
+            {
+                id: 1,
+                item: 'Beetlejuice',
+                unidades: '1988',
+                marca_fabricante: 'adidas',
+                modelo: 'modelo',
+                quantidade_solitada: '10000',
+                valor_estimado_unitario: '1000',
+                valor_estimado_total: '10000000',
+                colapsed: true,
+                containerColapsed: ({ item }) => (React.createElement("div", null,
+                    React.createElement(Paragraph, { size: 'large', weight: 800 }, item),
+                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
+            },
+            {
+                id: 2,
+                item: 'Beetlejuice',
+                unidades: '1988',
+                marca_fabricante: 'adidas',
+                modelo: 'modelo',
+                quantidade_solitada: '10000',
+                valor_estimado_unitario: '1000',
+                valor_estimado_total: '10000000',
+                containerColapsed: ({ item }) => (React.createElement("div", null,
+                    React.createElement(Paragraph, { size: 'large', weight: 800 }, item),
+                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
+            },
+            {
+                id: 3,
+                item: 'Beetlejuice',
+                unidades: '1988',
+                marca_fabricante: 'adidas',
+                modelo: 'modelo',
+                quantidade_solitada: '10000',
+                valor_estimado_unitario: '1000',
+                valor_estimado_total: '10000000',
+                containerColapsed: ({ item }) => (React.createElement("div", null,
+                    React.createElement(Paragraph, { size: 'large', weight: 800 }, item),
+                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
+            },
+        ],
+    },
+};
+export const LoadingState = {
+    render: () => (React.createElement(CardStories, { title: 'Tabela', subTitle: 'tabela-loading' },
+        React.createElement("div", { style: { width: '900px', height: '800px' } },
+            React.createElement(Table, { columns: columns, loading: true, height: '100%', data: [] })))),
+};
+export const EmptyState = {
+    args: Object.assign(Object.assign({}, Default.args), { data: [] }),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/Table/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Table/stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,6BAA6B;SAC3C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,uBAAuB;SACrC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,4BAA4B;SAC1C;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0CAA0C;SACxD;KACF;CAC2B,CAAA;AAE9B,eAAe,IAAI,CAAA;AAGnB,MAAM,OAAO,GAAG;IACd;QACE,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,MAAM;KACd;IACD;QACE,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,CAClB,6BACE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAC5B,KAAK,EAAE;gBACL,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,UAAU;gBACnB,YAAY,EAAE,KAAK;gBACnB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACzB,IAEA,GAAG,CAAC,gBAAgB,CACjB,CACP;KACF;IACD;QACE,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,qBAAqB;QAC/B,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,yBAAyB;QACjC,QAAQ,EAAE,yBAAyB;QACnC,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,sBAAsB;QAC9B,QAAQ,EAAE,sBAAsB;QAChC,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,IAAI;KACf;IACD;QACE,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,sBAAsB;QAChC,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,CAAC,GAAQ,EAAE,iBAAuC,EAAE,EAAE,CAAC,CAC3D,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE;YACnE,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,GAAI;YACxE,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC3F,CACP;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE,mBAAmB;QACtC,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,MAAM;gBAChB,gBAAgB,EAAE,QAAQ;gBAC1B,MAAM,EAAE,QAAQ;gBAChB,mBAAmB,EAAE,OAAO;gBAC5B,uBAAuB,EAAE,MAAM;gBAC/B,oBAAoB,EAAE,UAAU;gBAChC,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE,CAAC,CACpC;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAClC,IAAI,CACK;oBACZ,oBAAC,SAAS,iEAAoD,CAC1D,CACP;aACF;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,MAAM;gBAChB,gBAAgB,EAAE,QAAQ;gBAC1B,MAAM,EAAE,QAAQ;gBAChB,mBAAmB,EAAE,OAAO;gBAC5B,uBAAuB,EAAE,MAAM;gBAC/B,oBAAoB,EAAE,UAAU;gBAChC,iBAAiB,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE,CAAC,CACpC;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAClC,IAAI,CACK;oBACZ,oBAAC,SAAS,iEAAoD,CAC1D,CACP;aACF;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,MAAM;gBAChB,gBAAgB,EAAE,QAAQ;gBAC1B,MAAM,EAAE,QAAQ;gBAChB,mBAAmB,EAAE,OAAO;gBAC5B,uBAAuB,EAAE,MAAM;gBAC/B,oBAAoB,EAAE,UAAU;gBAChC,iBAAiB,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE,CAAC,CACpC;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAClC,IAAI,CACK;oBACZ,oBAAC,SAAS,iEAAoD,CAC1D,CACP;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,oBAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB;QACtD,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;YAC7C,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,CAChE,CACM,CACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,kCACC,OAAO,CAAC,IAAI,KACf,IAAI,EAAE,EAAE,GACT;CACF,CAAA"}

package/dist/components/Table/styles.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Table/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":""}

package/dist/components/Table/styles.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

package/dist/components/Table/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":""}

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

@@ -20,6 +20,7 @@ export interface ButtonRoundTypes extends ButtonHTMLAttributes<HTMLButtonElement
     icon?: string;
     outline?: boolean;
     badge?: number;
+    size?: 'small' | 'medium';
 }
 export interface BannerTypes extends HTMLAttributes<HTMLDivElement> {
     variant?: ColorsVariantBanner;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}

package/dist/components/index.d.ts

@@ -8,4 +8,6 @@ export { Paragraph } from './Paragraph/index';
 export { Tabs } from './Tabs/index';
 export { theme } from './Themes/index';
 export { Title } from './Title/index';
+export { Paginate } from './Paginate/index';
+export { Table } from './Table/index';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/index.js

@@ -8,4 +8,6 @@ export { Paragraph } from './Paragraph/index';
 export { Tabs } from './Tabs/index';
 export { theme } from './Themes/index';
 export { Title } from './Title/index';
+export { Paginate } from './Paginate/index';
+export { Table } from './Table/index';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-design-system",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "main": "dist/index.js",
   "dependencies": {
     "@svgr/webpack": "^8.1.0",

package/src/assets/icon/chevron-down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M11.0517 17.9483C11.5739 18.4706 12.4184 18.4706 12.9352 17.9483L23.6083 7.28075C24.1306 6.75849 24.1306 5.91397 23.6083 5.39726C23.086 4.88055 22.2415 4.87499 21.7248 5.39726L12.0017 15.1203L2.27312 5.3917C1.75085 4.86943 0.906331 4.86943 0.38962 5.3917C-0.127092 5.91397 -0.132648 6.75849 0.38962 7.2752L11.0517 17.9483Z" fill="black"/>
+</svg>

package/src/assets/icon/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.145 6.4468C2.84034 6.75146 2.84034 7.24409 3.145 7.54551L9.36776 13.7715C9.67241 14.0762 10.165 14.0762 10.4665 13.7715C10.7679 13.4669 10.7711 12.9742 10.4665 12.6728L4.79468 6.99777L10.4697 1.32598C10.7744 1.02133 10.7744 0.528693 10.4697 0.227278C10.165 -0.0741368 9.67241 -0.0773778 9.371 0.227278L3.145 6.4468Z" fill="#999999"/>
+</svg>

package/src/assets/icon/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4697 6.4468C10.7744 6.75146 10.7744 7.24409 10.4697 7.54551L4.24694 13.7715C3.94229 14.0762 3.44965 14.0762 3.14824 13.7715C2.84682 13.4669 2.84358 12.9742 3.14824 12.6728L8.82003 7.00101L3.145 1.32598C2.84034 1.02133 2.84034 0.528693 3.145 0.227278C3.44965 -0.0741368 3.94229 -0.0773778 4.2437 0.227278L10.4697 6.4468Z" fill="#999999"/>
+</svg>

package/src/assets/icon/dump.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M9.99141 2.41875L9.10087 3.75H15.8971L15.0065 2.41875C14.9362 2.31562 14.8191 2.25 14.6925 2.25H10.3008C10.1742 2.25 10.057 2.31094 9.98672 2.41875H9.99141ZM16.8814 1.17188L18.6015 3.75H19.2483H21.4981H21.8731C22.4964 3.75 22.9979 4.25156 22.9979 4.875C22.9979 5.49844 22.4964 6 21.8731 6H21.4981V20.25C21.4981 22.3219 19.8201 24 17.7485 24H7.24949C5.17781 24 3.49985 22.3219 3.49985 20.25V6H3.12489C2.50151 6 2 5.49844 2 4.875C2 4.25156 2.50151 3.75 3.12489 3.75H3.49985H5.74963H6.39644L8.11659 1.16719C8.60404 0.440625 9.42427 0 10.3008 0H14.6925C15.569 0 16.3892 0.440625 16.8767 1.16719L16.8814 1.17188ZM5.74963 6V20.25C5.74963 21.0797 6.41988 21.75 7.24949 21.75H17.7485C18.5781 21.75 19.2483 21.0797 19.2483 20.25V6H5.74963ZM9.49927 9V18.75C9.49927 19.1625 9.1618 19.5 8.74934 19.5C8.33688 19.5 7.99941 19.1625 7.99941 18.75V9C7.99941 8.5875 8.33688 8.25 8.74934 8.25C9.1618 8.25 9.49927 8.5875 9.49927 9ZM13.2489 9V18.75C13.2489 19.1625 12.9114 19.5 12.499 19.5C12.0865 19.5 11.749 19.1625 11.749 18.75V9C11.749 8.5875 12.0865 8.25 12.499 8.25C12.9114 8.25 13.2489 8.5875 13.2489 9ZM16.9985 9V18.75C16.9985 19.1625 16.6611 19.5 16.2486 19.5C15.8361 19.5 15.4987 19.1625 15.4987 18.75V9C15.4987 8.5875 15.8361 8.25 16.2486 8.25C16.6611 8.25 16.9985 8.5875 16.9985 9Z" fill="black"/>
+</svg>

package/src/assets/icon/edit.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <g clip-path="url(#clip0_125_9498)">
+        <path d="M20.6719 2.76091L21.2391 3.3281C21.6797 3.76873 21.6797 4.48123 21.2391 4.91716L19.875 6.28591L17.7141 4.12498L19.0781 2.76091C19.5187 2.32029 20.2312 2.32029 20.6672 2.76091H20.6719ZM9.83437 12.0093L16.125 5.71404L18.2859 7.87497L11.9906 14.1656C11.8547 14.3015 11.6859 14.4 11.5031 14.4515L8.76094 15.2344L9.54375 12.4922C9.59531 12.3094 9.69375 12.1406 9.82969 12.0047L9.83437 12.0093ZM17.4891 1.17185L8.24062 10.4156C7.83281 10.8234 7.5375 11.325 7.38281 11.8734L6.04219 16.5609C5.92969 16.9547 6.0375 17.3765 6.32812 17.6672C6.61875 17.9578 7.04062 18.0656 7.43437 17.9531L12.1219 16.6125C12.675 16.4531 13.1766 16.1578 13.5797 15.7547L22.8281 6.51091C24.1453 5.19372 24.1453 3.05623 22.8281 1.73904L22.2609 1.17185C20.9437 -0.145337 18.8062 -0.145337 17.4891 1.17185ZM4.125 2.99998C1.84687 2.99998 0 4.84685 0 7.12497V19.875C0 22.1531 1.84687 24 4.125 24H16.875C19.1531 24 21 22.1531 21 19.875V14.625C21 14.0015 20.4984 13.5 19.875 13.5C19.2516 13.5 18.75 14.0015 18.75 14.625V19.875C18.75 20.9109 17.9109 21.75 16.875 21.75H4.125C3.08906 21.75 2.25 20.9109 2.25 19.875V7.12497C2.25 6.08904 3.08906 5.24998 4.125 5.24998H9.375C9.99844 5.24998 10.5 4.74841 10.5 4.12498C10.5 3.50154 9.99844 2.99998 9.375 2.99998H4.125Z" fill="black"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_125_9498">
+            <rect width="24" height="24" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/assets/icon/index.ts

@@ -3,4 +3,20 @@ import { default as alertSVG } from './alert.svg'
 import { default as commentSVG } from './comment.svg'
 import { default as imageSVG } from './image.svg'
 import { default as closeSVG } from './close.svg'
-export { docCheckSVG, alertSVG, commentSVG, imageSVG, closeSVG }
+import { default as dumpSVG } from './dump.svg'
+import { default as editSVG } from './edit.svg'
+import { default as chevronDownSVG } from './chevron-down.svg'
+import { default as chevronLeftSVG } from './chevron-left.svg'
+import { default as chevronRightSVG } from './chevron-right.svg'
+export {
+  docCheckSVG,
+  alertSVG,
+  commentSVG,
+  imageSVG,
+  closeSVG,
+  dumpSVG,
+  editSVG,
+  chevronDownSVG,
+  chevronRightSVG,
+  chevronLeftSVG,
+}

package/src/assets/icon/spin.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M13.125 4.875C13.125 5.49844 12.6234 6 12 6C11.3766 6 10.875 5.49844 10.875 4.875V1.125C10.875 0.503906 11.3766 0 12 0C12.6234 0 13.125 0.503906 13.125 1.125V4.875ZM13.125 22.875C13.125 23.4984 12.6234 24 12 24C11.3766 24 10.875 23.4984 10.875 22.875V19.125C10.875 18.5016 11.3766 18 12 18C12.6234 18 13.125 18.5016 13.125 19.125V22.875ZM0 12C0 11.3766 0.503906 10.875 1.125 10.875H4.875C5.49844 10.875 6 11.3766 6 12C6 12.6234 5.49844 13.125 4.875 13.125H1.125C0.503906 13.125 0 12.6234 0 12ZM22.875 10.875C23.4984 10.875 24 11.3766 24 12C24 12.6234 23.4984 13.125 22.875 13.125H19.125C18.5016 13.125 18 12.6234 18 12C18 11.3766 18.5016 10.875 19.125 10.875H22.875ZM20.4844 3.51469C20.925 3.95391 20.925 4.66641 20.4844 5.10469L17.8359 7.75781C17.3953 8.19844 16.6828 8.19844 16.2422 7.75781C15.8016 7.31719 15.8016 6.60469 16.2422 6.16875L18.8953 3.51469C19.3359 3.07547 20.0438 3.07547 20.4844 3.51469ZM5.10469 20.4844C4.66406 20.925 3.95625 20.925 3.47344 20.4844C3.07547 20.0438 3.07547 19.3313 3.47344 18.8953L6.16406 16.2422C6.60469 15.8016 7.31719 15.8016 7.75781 16.2422C8.19844 16.6828 8.19844 17.3953 7.75781 17.8312L5.10469 20.4844ZM3.47344 3.51469C3.95625 3.07547 4.66406 3.07547 5.10469 3.51469L7.75781 6.16875C8.19844 6.60469 8.19844 7.31719 7.75781 7.75781C7.31719 8.19844 6.60469 8.19844 6.16406 7.75781L3.47344 5.10469C3.07547 4.66641 3.07547 3.95391 3.47344 3.51469ZM20.4844 18.8953C20.925 19.3313 20.925 20.0438 20.4844 20.4844C20.0438 20.925 19.3359 20.925 18.8953 20.4844L16.2422 17.8312C15.8016 17.3953 15.8016 16.6828 16.2422 16.2422C16.6828 15.8016 17.3953 15.8016 17.8359 16.2422L20.4844 18.8953Z" fill="black"/>
+</svg>

package/src/components/ButtonRound/index.tsx

@@ -10,15 +10,16 @@ export const ButtonRound: React.FC<ButtonRoundTypes> = ({
   icon,
   outline,
   badge,
+  size = 'medium',
   ...props
 }) => (
-  <ButtonStyled variant={variant} disabled={disabled} outline={outline} badge={badge} {...props}>
-    {badge && <span className={'buttonRoundBadge'}>{badge}</span>}
+  <ButtonStyled variant={variant} disabled={disabled} outline={outline} badge={badge} size={size} {...props}>
+    {badge && size === 'medium' && <span className={'buttonRoundBadge'}>{badge}</span>}
     <IconWrapper
       src={icon || ''}
       color={'white'}
-      width={'20px'}
-      height={'20px'}
+      width={size === 'small' ? '16px' : '20px'}
+      height={size === 'small' ? '16px' : '20px'}
       className={'buttonRadiusWrapperIcon'}
     />
   </ButtonStyled>

package/src/components/ButtonRound/stories.tsx

@@ -39,12 +39,12 @@ export const Playground: Story = {
     icon: exampleIcon,
   },
 }
+
 export const ButtonBadge: Story = {
   args: {
-    variant: 'success',
+    variant: 'primary',
     children: 'ButtonPlayground',
     disabled: false,
     icon: exampleIcon,
-    badge: 10,
   },
 }