norma-library 0.5.147 → 0.5.149

package/.babelrc.json

@@ -1,18 +1,18 @@
-{
-  "sourceType": "unambiguous",
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "chrome": 100,
-          "safari": 15,
-          "firefox": 91
-        }
-      }
-    ],
-    "@babel/preset-typescript",
-    "@babel/preset-react"
-  ],
-  "plugins": []
-}
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/.prettierignore

@@ -1,11 +1,11 @@
-*.json
-.husky/
-.storybook/
-storybook-static/
-scripts/
-lib/
-build/
-dist/
-src/styles/*
-*.d.ts
+*.json
+.husky/
+.storybook/
+storybook-static/
+scripts/
+lib/
+build/
+dist/
+src/styles/*
+*.d.ts
 .rollup.cache

package/.prettierrc.json

@@ -1,20 +1,20 @@
-{
-  "printWidth": 120,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "arrowParens": "avoid",
-  "overrides": [
-    {
-      "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
-      "options": {
-        "printWidth": 85
-      }
-    },
-    {
-      "files": ["docs/pages/blog/**/*.md"],
-      "options": {
-        "printWidth": 82
-      }
-    }
-  ]
-}
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "overrides": [
+    {
+      "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
+      "options": {
+        "printWidth": 85
+      }
+    },
+    {
+      "files": ["docs/pages/blog/**/*.md"],
+      "options": {
+        "printWidth": 82
+      }
+    }
+  ]
+}

package/.storybook/main.ts

@@ -1,20 +1,20 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
-    '@storybook/addon-mdx-gfm'
-  ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-  docs: {
-    autodocs: 'tag',
-  },
-};
-export default config;
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm'
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+};
+export default config;

package/.storybook/preview.ts

@@ -1,15 +1,15 @@
-import type { Preview } from '@storybook/react';
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/README.md

@@ -1,44 +1,44 @@
-<!-- markdownlint-disable-next-line -->
-<p align="center">
-  <img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
-</p>
-<h1 align="center">Norma DS </h1>
-<div align="center">
-Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
-
-[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
-[![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
-
-[Documentation](#Documentation) |
-[Contributing](#Contributing) |
-[Changelog](#Changelog) |
-[License](#License)
-
----
-
-</div>
-
-## Configurações
-
-- [React v18](https://react.dev/)
-- [TypeScript](https://www.typescriptlang.org/)
-- UI development with [Storybook](https://storybook.js.org/)
-- Unit test with [Testing-library](https://testing-library.com/)
-- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
-- Conventional commit messages with [Commitlint][commitlint-url]
-- Build the library with [Rollup][rollup-url]
-- Automated release with [changesets][changesets-url]
-
-# Documentação
-
-### Instalação
-Para instalação das dependencias:
-``` 
-npm install
-```
-### Execução do projeto
-Para utilizar o Storybook:
-```
-npm run storybook
+<!-- markdownlint-disable-next-line -->
+<p align="center">
+  <img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
+</p>
+<h1 align="center">Norma DS </h1>
+<div align="center">
+Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
+
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
+[![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
+
+[Documentation](#Documentation) |
+[Contributing](#Contributing) |
+[Changelog](#Changelog) |
+[License](#License)
+
+---
+
+</div>
+
+## Configurações
+
+- [React v18](https://react.dev/)
+- [TypeScript](https://www.typescriptlang.org/)
+- UI development with [Storybook](https://storybook.js.org/)
+- Unit test with [Testing-library](https://testing-library.com/)
+- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
+- Conventional commit messages with [Commitlint][commitlint-url]
+- Build the library with [Rollup][rollup-url]
+- Automated release with [changesets][changesets-url]
+
+# Documentação
+
+### Instalação
+Para instalação das dependencias:
+``` 
+npm install
+```
+### Execução do projeto
+Para utilizar o Storybook:
+```
+npm run storybook
 ```

package/commitlint.config.js

@@ -1 +1 @@
-module.exports = {extends: ['@commitlint/config-conventional']}
+module.exports = {extends: ['@commitlint/config-conventional']}

package/dist/esm/components/UncontrolledTable/components/header/index.js

@@ -1,9 +1,13 @@
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import * as S from './styles';
 import SettingsIcon from '@mui/icons-material/Settings';
+import { CheckBox } from '../../../CheckBox';
+import useClickOutside from '../../../../hooks/useClickOutside';
 var Header = function (_a) {
     var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel;
     var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
+    var listToolsRef = useRef(null);
+    useClickOutside(listToolsRef, function () { return setOpenTools(false); });
     return (React.createElement(S.Header, { "$showResults": showTotalResults },
         React.createElement("div", null,
             showTotalResults && (React.createElement(S.Results, null,
@@ -12,13 +16,9 @@ var Header = function (_a) {
         React.createElement(S.Tools, null,
             showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
                 React.createElement(SettingsIcon, { sx: { fontSize: 16, color: '#DE8B50' } }))) : null,
-            openTools ? (React.createElement(S.ListTools, null, table.getAllLeafColumns().map(function (column) {
+            openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
                 return (React.createElement("div", { key: column.id, className: "px-1" },
-                    React.createElement("label", null,
-                        React.createElement("input", { type: 'checkbox',
-                            checked: column.getIsVisible(),
-                            onChange: column.getToggleVisibilityHandler() }),
-                        column.id)));
+                    React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() })));
             }))) : null)));
 };
 export default Header;

package/dist/esm/components/UncontrolledTable/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,IAAM,MAAM,GAAkB,UAAC,EAQ9B;QAPC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA;IAEJ,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,QACT,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC;wBACE,+BAEI,IAAI,EAAE,UAAU;4BAChB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE;4BAC9B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAE/C;wBACD,MAAM,CAAC,EAAE,CACJ,CACJ,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE,IAAM,MAAM,GAAkB,UAAC,EAQ9B;QAPC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA;IAEJ,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IAC3B,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC,oBAAC,QAAQ,IACP,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,EAC5B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAC7C,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/UncontrolledTable/components/header/styles.js

@@ -1,12 +1,12 @@
 import { __makeTemplateObject } from "tslib";
 import styled from 'styled-components';
-export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  margin: 0 auto;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  margin: 0 auto;\n"])));
+export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (min-width: 1360px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (min-width: 1360px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"])));
 export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
 export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
 export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: #666666;\n  font-size: 16px;\n"], ["\n  color: #666666;\n  font-size: 16px;\n"])));
 export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 10px;\n"], ["\n  height: 10px;\n"])));
 export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"], ["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
 export var IconTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"], ["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"])));
-export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 99;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"], ["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 99;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"])));
+export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"], ["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/header/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,4KAAK,yGAKpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+YAAA,4UAiBlC,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gZAAA,6UAiBlC,IAAA,CAAC"}

package/dist/esm/components/UncontrolledTable/components/tbody/styles.js

@@ -1,6 +1,12 @@
 import { __makeTemplateObject } from "tslib";
+import { breakpoints } from '../../../../utils/styledBreakpoints';
 import styled from 'styled-components';
 export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"])));
-export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  color: #666666;\n  font-size: 0.875rem;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  color: #666666;\n  font-size: 0.875rem;\n"])));
+export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"])), breakpoints({
+    cssProp: 'padding',
+    cssPropUnits: 'px',
+    values: [{ 1360: 8 }],
+    mediaQueryType: 'min-width',
+}));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/tbody/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,yNAAK,sJAQ/B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,oWAAA,iSAY1B,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,yNAAK,sJAQ/B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,6WAAA,wPAUvB,EAKA,gDAGH,KARG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAGH,CAAC"}

package/dist/esm/components/UncontrolledTable/styles.js

@@ -1,11 +1,17 @@
 import { __makeTemplateObject } from "tslib";
+import { breakpoints } from '../../utils/styledBreakpoints';
 import styled from 'styled-components';
 export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #fff;\n"], ["\n  background-color: #fff;\n"])));
 export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"], ["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"])));
 var StickyStyles = "\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background: #fff;\n";
 export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: table-header-group;\n  ", "\n"], ["\n  display: table-header-group;\n  ", "\n"])), function (props) { return props.$sticky && StickyStyles; });
 export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"])));
-export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"])));
+export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"])), breakpoints({
+    cssProp: 'padding',
+    cssPropUnits: 'px',
+    values: [{ 1360: 8 }],
+    mediaQueryType: 'min-width',
+}));
 export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"])));
 export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
 export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 20px;\n  width: 20px;\n"], ["\n  height: 20px;\n  width: 20px;\n"])));

package/dist/esm/components/UncontrolledTable/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,yEAKpB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,+GAAuB,sCAEpD,EAAsC,IACzC,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,EAA7B,CAA6B,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,wZAAA,qVAc1B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,yEAKpB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,+GAAuB,sCAEpD,EAAsC,IACzC,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,EAA7B,CAA6B,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,iaAAA,wPAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}

package/dist/esm/utils/styledBreakpoints.d.ts

@@ -0,0 +1,10 @@
+type Breakpoint = {
+    cssProp: string;
+    cssPropUnits: string;
+    values: {
+        [key: number]: number;
+    }[];
+    mediaQueryType: 'max-width' | 'min-width' | 'max-height' | 'min-height';
+};
+export declare const breakpoints: (breakpoints: Breakpoint) => import("styled-components").RuleSet<object>;
+export {};

package/dist/esm/utils/styledBreakpoints.js

@@ -0,0 +1,12 @@
+import { __makeTemplateObject } from "tslib";
+import { css } from 'styled-components';
+export var breakpoints = function (breakpoints) {
+    var cssProp = breakpoints.cssProp, cssPropUnits = breakpoints.cssPropUnits, values = breakpoints.values, mediaQueryType = breakpoints.mediaQueryType;
+    var breakpointProps = values.reduce(function (mediaQueries, value) {
+        var _a = [Object.keys(value)[0], Object.values(value)[0]], screenBreakpoint = _a[0], cssPropBreakpoint = _a[1];
+        return (mediaQueries += "\n    @media screen and (".concat(mediaQueryType, ": ").concat(screenBreakpoint, "px) {\n      ").concat(cssProp, ": ").concat(cssPropBreakpoint).concat(cssPropUnits, ";\n    }\n    "));
+    }, '');
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), breakpointProps);
+};
+var templateObject_1;
+//# sourceMappingURL=styledBreakpoints.js.map

package/dist/esm/utils/styledBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledBreakpoints.js","sourceRoot":"","sources":["../../../src/utils/styledBreakpoints.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,WAAuB;IACzC,IAAA,OAAO,GAA2C,WAAW,QAAtD,EAAE,YAAY,GAA6B,WAAW,aAAxC,EAAE,MAAM,GAAqB,WAAW,OAAhC,EAAE,cAAc,GAAK,WAAW,eAAhB,CAAiB;IAEtE,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,YAAY,EAAE,KAAK;QAClD,IAAA,KAAwC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAvF,gBAAgB,QAAA,EAAE,iBAAiB,QAAoD,CAAC;QAC/F,OAAO,CAAC,YAAY,IAAI,mCACH,cAAc,eAAK,gBAAgB,0BACpD,OAAO,eAAK,iBAAiB,SAAG,YAAY,mBAE/C,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,GAAG,mFAAA,QACN,EAAe,MAClB,KADG,eAAe,EACjB;AACJ,CAAC,CAAC"}