@tecsinapse/react-web-kit 1.18.6 → 1.20.0

package/dist/index.js

@@ -4,55 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Badge: true,
+  Accordion: true,
+  AccordionProps: true,
   BadgeWebProps: true,
+  Badge: true,
   Button: true,
   useMouseHover: true,
   WebButtonProps: true,
   Input: true,
   InputWebProps: true,
+  InputMask: true,
+  InputMaskWebProps: true,
+  Modal: true,
+  ModalProps: true,
+  Skeleton: true,
+  SkeletonProps: true,
   Tag: true,
   TagProps: true,
+  ITooltip: true,
+  Tooltip: true,
+  Breadcrumbs: true,
+  BreadcrumbsProps: true,
+  BreadcrumbType: true,
+  DatePicker: true,
+  WebDatePickerProps: true,
+  DateTimePicker: true,
+  WebDateTimePickerProps: true,
+  Drawer: true,
+  DrawerProps: true,
+  Grid: true,
+  GridItem: true,
+  IGridWeb: true,
+  IGridItemWeb: true,
   InputPassword: true,
   InputPasswordWebProps: true,
-  InputMask: true,
-  InputMaskWebProps: true,
+  LabeledSwitch: true,
+  LabeledSwitchWebProps: true,
   Menubar: true,
-  MenubarProps: true,
-  MenubarOptionsType: true,
   MenubarItemsOptions: true,
   MenubarMostUsedType: true,
-  Drawer: true,
-  DrawerProps: true,
+  MenubarOptionsType: true,
+  MenubarProps: true,
   Select: true,
   SelectProps: true,
   Snackbar: true,
   SnackbarWebProps: true,
-  Breadcrumbs: true,
-  BreadcrumbsProps: true,
-  BreadcrumbType: true,
-  Skeleton: true,
-  SkeletonProps: true,
-  Accordion: true,
-  AccordionProps: true,
-  DataGrid: true,
-  DataGridProps: true,
-  HeadersType: true,
-  Modal: true,
-  ModalProps: true,
   TextArea: true,
   TextAreaProps: true,
-  Tooltip: true,
-  ITooltip: true,
-  DatePicker: true,
-  WebDatePickerProps: true,
-  DateTimePicker: true,
-  WebDateTimePickerProps: true,
-  Grid: true,
-  GridItem: true,
-  IGrid: true,
-  IGridItem: true
+  DataGrid: true,
+  DataGridProps: true,
+  HeadersType: true
 };
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.Accordion;
+  }
+});
+Object.defineProperty(exports, "AccordionProps", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.AccordionProps;
+  }
+});
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
@@ -65,280 +79,280 @@ Object.defineProperty(exports, "BadgeWebProps", {
     return _Badge.BadgeWebProps;
   }
 });
-Object.defineProperty(exports, "Button", {
+Object.defineProperty(exports, "BreadcrumbType", {
   enumerable: true,
   get: function () {
-    return _Button.Button;
+    return _Breadcrumbs.BreadcrumbType;
   }
 });
-Object.defineProperty(exports, "useMouseHover", {
+Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
   get: function () {
-    return _Button.useMouseHover;
+    return _Breadcrumbs.Breadcrumbs;
   }
 });
-Object.defineProperty(exports, "WebButtonProps", {
+Object.defineProperty(exports, "BreadcrumbsProps", {
   enumerable: true,
   get: function () {
-    return _Button.WebButtonProps;
+    return _Breadcrumbs.BreadcrumbsProps;
   }
 });
-Object.defineProperty(exports, "Input", {
+Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
-    return _Input.Input;
+    return _Button.Button;
   }
 });
-Object.defineProperty(exports, "InputWebProps", {
+Object.defineProperty(exports, "DataGrid", {
   enumerable: true,
   get: function () {
-    return _Input.InputWebProps;
+    return _DataGrid.DataGrid;
   }
 });
-Object.defineProperty(exports, "Tag", {
+Object.defineProperty(exports, "DataGridProps", {
   enumerable: true,
   get: function () {
-    return _Tag.Tag;
+    return _DataGrid.DataGridProps;
   }
 });
-Object.defineProperty(exports, "TagProps", {
+Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
-    return _Tag.TagProps;
+    return _DatePicker.DatePicker;
   }
 });
-Object.defineProperty(exports, "InputPassword", {
+Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
   get: function () {
-    return _InputPassword.InputPassword;
+    return _DateTimePicker.DateTimePicker;
   }
 });
-Object.defineProperty(exports, "InputPasswordWebProps", {
+Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () {
-    return _InputPassword.InputPasswordWebProps;
+    return _Drawer.Drawer;
   }
 });
-Object.defineProperty(exports, "InputMask", {
+Object.defineProperty(exports, "DrawerProps", {
   enumerable: true,
   get: function () {
-    return _InputMask.InputMask;
+    return _Drawer.DrawerProps;
   }
 });
-Object.defineProperty(exports, "InputMaskWebProps", {
+Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {
-    return _InputMask.InputMaskWebProps;
+    return _Grid.Grid;
   }
 });
-Object.defineProperty(exports, "Menubar", {
+Object.defineProperty(exports, "GridItem", {
   enumerable: true,
   get: function () {
-    return _Menubar.Menubar;
+    return _Grid.GridItem;
   }
 });
-Object.defineProperty(exports, "MenubarProps", {
+Object.defineProperty(exports, "HeadersType", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarProps;
+    return _DataGrid.HeadersType;
   }
 });
-Object.defineProperty(exports, "MenubarOptionsType", {
+Object.defineProperty(exports, "IGridItemWeb", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarOptionsType;
+    return _Grid.IGridItemWeb;
   }
 });
-Object.defineProperty(exports, "MenubarItemsOptions", {
+Object.defineProperty(exports, "IGridWeb", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarItemsOptions;
+    return _Grid.IGridWeb;
   }
 });
-Object.defineProperty(exports, "MenubarMostUsedType", {
+Object.defineProperty(exports, "ITooltip", {
   enumerable: true,
   get: function () {
-    return _Menubar.MenubarMostUsedType;
+    return _Tooltip.ITooltip;
   }
 });
-Object.defineProperty(exports, "Drawer", {
+Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
-    return _Drawer.Drawer;
+    return _Input.Input;
   }
 });
-Object.defineProperty(exports, "DrawerProps", {
+Object.defineProperty(exports, "InputMask", {
   enumerable: true,
   get: function () {
-    return _Drawer.DrawerProps;
+    return _InputMask.InputMask;
   }
 });
-Object.defineProperty(exports, "Select", {
+Object.defineProperty(exports, "InputMaskWebProps", {
   enumerable: true,
   get: function () {
-    return _Select.Select;
+    return _InputMask.InputMaskWebProps;
   }
 });
-Object.defineProperty(exports, "SelectProps", {
+Object.defineProperty(exports, "InputPassword", {
   enumerable: true,
   get: function () {
-    return _Select.SelectProps;
+    return _InputPassword.InputPassword;
   }
 });
-Object.defineProperty(exports, "Snackbar", {
+Object.defineProperty(exports, "InputPasswordWebProps", {
   enumerable: true,
   get: function () {
-    return _Snackbar.Snackbar;
+    return _InputPassword.InputPasswordWebProps;
   }
 });
-Object.defineProperty(exports, "SnackbarWebProps", {
+Object.defineProperty(exports, "InputWebProps", {
   enumerable: true,
   get: function () {
-    return _Snackbar.SnackbarWebProps;
+    return _Input.InputWebProps;
   }
 });
-Object.defineProperty(exports, "Breadcrumbs", {
+Object.defineProperty(exports, "LabeledSwitch", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.Breadcrumbs;
+    return _LabeledSwitch.LabeledSwitch;
   }
 });
-Object.defineProperty(exports, "BreadcrumbsProps", {
+Object.defineProperty(exports, "LabeledSwitchWebProps", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.BreadcrumbsProps;
+    return _LabeledSwitch.LabeledSwitchWebProps;
   }
 });
-Object.defineProperty(exports, "BreadcrumbType", {
+Object.defineProperty(exports, "Menubar", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.BreadcrumbType;
+    return _Menubar.Menubar;
   }
 });
-Object.defineProperty(exports, "Skeleton", {
+Object.defineProperty(exports, "MenubarItemsOptions", {
   enumerable: true,
   get: function () {
-    return _Skeleton.Skeleton;
+    return _Menubar.MenubarItemsOptions;
   }
 });
-Object.defineProperty(exports, "SkeletonProps", {
+Object.defineProperty(exports, "MenubarMostUsedType", {
   enumerable: true,
   get: function () {
-    return _Skeleton.SkeletonProps;
+    return _Menubar.MenubarMostUsedType;
   }
 });
-Object.defineProperty(exports, "Accordion", {
+Object.defineProperty(exports, "MenubarOptionsType", {
   enumerable: true,
   get: function () {
-    return _Accordion.Accordion;
+    return _Menubar.MenubarOptionsType;
   }
 });
-Object.defineProperty(exports, "AccordionProps", {
+Object.defineProperty(exports, "MenubarProps", {
   enumerable: true,
   get: function () {
-    return _Accordion.AccordionProps;
+    return _Menubar.MenubarProps;
   }
 });
-Object.defineProperty(exports, "DataGrid", {
+Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
-    return _DataGrid.DataGrid;
+    return _Modal.Modal;
   }
 });
-Object.defineProperty(exports, "DataGridProps", {
+Object.defineProperty(exports, "ModalProps", {
   enumerable: true,
   get: function () {
-    return _DataGrid.DataGridProps;
+    return _Modal.ModalProps;
   }
 });
-Object.defineProperty(exports, "HeadersType", {
+Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
-    return _DataGrid.HeadersType;
+    return _Select.Select;
   }
 });
-Object.defineProperty(exports, "Modal", {
+Object.defineProperty(exports, "SelectProps", {
   enumerable: true,
   get: function () {
-    return _Modal.Modal;
+    return _Select.SelectProps;
   }
 });
-Object.defineProperty(exports, "ModalProps", {
+Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
-    return _Modal.ModalProps;
+    return _Skeleton.Skeleton;
   }
 });
-Object.defineProperty(exports, "TextArea", {
+Object.defineProperty(exports, "SkeletonProps", {
   enumerable: true,
   get: function () {
-    return _TextArea.TextArea;
+    return _Skeleton.SkeletonProps;
   }
 });
-Object.defineProperty(exports, "TextAreaProps", {
+Object.defineProperty(exports, "Snackbar", {
   enumerable: true,
   get: function () {
-    return _TextArea.TextAreaProps;
+    return _Snackbar.Snackbar;
   }
 });
-Object.defineProperty(exports, "Tooltip", {
+Object.defineProperty(exports, "SnackbarWebProps", {
   enumerable: true,
   get: function () {
-    return _Tooltip.Tooltip;
+    return _Snackbar.SnackbarWebProps;
   }
 });
-Object.defineProperty(exports, "ITooltip", {
+Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function () {
-    return _Tooltip.ITooltip;
+    return _Tag.Tag;
   }
 });
-Object.defineProperty(exports, "DatePicker", {
+Object.defineProperty(exports, "TagProps", {
   enumerable: true,
   get: function () {
-    return _DatePicker.DatePicker;
+    return _Tag.TagProps;
   }
 });
-Object.defineProperty(exports, "WebDatePickerProps", {
+Object.defineProperty(exports, "TextArea", {
   enumerable: true,
   get: function () {
-    return _DatePicker.WebDatePickerProps;
+    return _TextArea.TextArea;
   }
 });
-Object.defineProperty(exports, "DateTimePicker", {
+Object.defineProperty(exports, "TextAreaProps", {
   enumerable: true,
   get: function () {
-    return _DateTimePicker.DateTimePicker;
+    return _TextArea.TextAreaProps;
   }
 });
-Object.defineProperty(exports, "WebDateTimePickerProps", {
+Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
-    return _DateTimePicker.WebDateTimePickerProps;
+    return _Tooltip.Tooltip;
   }
 });
-Object.defineProperty(exports, "Grid", {
+Object.defineProperty(exports, "WebButtonProps", {
   enumerable: true,
   get: function () {
-    return _Grid.Grid;
+    return _Button.WebButtonProps;
   }
 });
-Object.defineProperty(exports, "GridItem", {
+Object.defineProperty(exports, "WebDatePickerProps", {
   enumerable: true,
   get: function () {
-    return _Grid.GridItem;
+    return _DatePicker.WebDatePickerProps;
   }
 });
-Object.defineProperty(exports, "IGrid", {
+Object.defineProperty(exports, "WebDateTimePickerProps", {
   enumerable: true,
   get: function () {
-    return _Grid.IGrid;
+    return _DateTimePicker.WebDateTimePickerProps;
   }
 });
-Object.defineProperty(exports, "IGridItem", {
+Object.defineProperty(exports, "useMouseHover", {
   enumerable: true,
   get: function () {
-    return _Grid.IGridItem;
+    return _Button.useMouseHover;
   }
 });
 
@@ -356,39 +370,47 @@ Object.keys(_reactCore).forEach(function (key) {
   });
 });
 
+var _Accordion = require("./components/atoms/Accordion");
+
 var _Badge = _interopRequireWildcard(require("./components/atoms/Badge/Badge"));
 
 var _Button = require("./components/atoms/Button");
 
 var _Input = require("./components/atoms/Input");
 
+var _InputMask = require("./components/atoms/InputMask");
+
+var _Modal = require("./components/atoms/Modal");
+
+var _Skeleton = require("./components/atoms/Skeleton");
+
 var _Tag = require("./components/atoms/Tag");
 
-var _InputPassword = require("./components/molecules/InputPassword");
+var _Tooltip = require("./components/atoms/Tooltip");
 
-var _InputMask = require("./components/atoms/InputMask");
+var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
 
-var _Menubar = require("./components/molecules/Menubar");
+var _DatePicker = require("./components/molecules/DatePicker");
 
-var _Drawer = require("./components/molecules/Drawer");
+var _DateTimePicker = require("./components/molecules/DateTimePicker");
 
-var _Select = require("./components/molecules/Select");
+var _Drawer = require("./components/molecules/Drawer");
 
-var _Snackbar = require("./components/molecules/Snackbar");
+var _Grid = require("./components/molecules/Grid");
 
-var _Breadcrumbs = require("./components/molecules/Breadcrumbs");
+var _InputPassword = require("./components/molecules/InputPassword");
 
-var _Skeleton = require("./components/atoms/Skeleton");
+var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
 
-var _Accordion = require("./components/atoms/Accordion");
+var _Menubar = require("./components/molecules/Menubar");
 
-var _DataGrid = require("./components/organisms/DataGrid");
+var _Select = require("./components/molecules/Select");
 
-var _Modal = require("./components/atoms/Modal");
+var _Snackbar = require("./components/molecules/Snackbar");
 
 var _TextArea = require("./components/molecules/TextArea");
 
-var _Tooltip = require("./components/atoms/Tooltip");
+var _DataGrid = require("./components/organisms/DataGrid");
 
 var _hooks = require("./hooks");
 
@@ -404,12 +426,6 @@ Object.keys(_hooks).forEach(function (key) {
   });
 });
 
-var _DatePicker = require("./components/molecules/DatePicker");
-
-var _DateTimePicker = require("./components/molecules/DateTimePicker");
-
-var _Grid = require("./components/molecules/Grid");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AAIA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAIA;;AAIA","sourcesContent":["export * from '@tecsinapse/react-core';\nexport {\n  default as Badge,\n  BadgeWebProps,\n} from './components/atoms/Badge/Badge';\nexport {\n  Button,\n  useMouseHover,\n  WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport {\n  InputPassword,\n  InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport { InputMask, InputMaskWebProps } from './components/atoms/InputMask';\nexport {\n  Menubar,\n  MenubarProps,\n  MenubarOptionsType,\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n} from './components/molecules/Menubar';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport {\n  Breadcrumbs,\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport { Accordion, AccordionProps } from './components/atoms/Accordion';\nexport {\n  DataGrid,\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport { Modal, ModalProps } from './components/atoms/Modal';\nexport { TextArea, TextAreaProps } from './components/molecules/TextArea';\nexport { Tooltip, ITooltip } from './components/atoms/Tooltip';\nexport * from './hooks';\nexport {\n  DatePicker,\n  WebDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  WebDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { Grid, GridItem, IGrid, IGridItem } from './components/molecules/Grid';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Accordion, AccordionProps } from './components/atoms/Accordion';\nexport {\n  BadgeWebProps,\n  default as Badge,\n} from './components/atoms/Badge/Badge';\nexport {\n  Button,\n  useMouseHover,\n  WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { InputMask, InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal, ModalProps } from './components/atoms/Modal';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { ITooltip, Tooltip } from './components/atoms/Tooltip';\nexport {\n  Breadcrumbs,\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport {\n  DatePicker,\n  WebDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  WebDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport {\n  Grid,\n  GridItem,\n  IGridWeb,\n  IGridItemWeb,\n} from './components/molecules/Grid';\nexport {\n  InputPassword,\n  InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport {\n  LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './components/molecules/LabeledSwitch';\nexport {\n  Menubar,\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea, TextAreaProps } from './components/molecules/TextArea';\nexport {\n  DataGrid,\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAIA;;AAIA;;AACA;;AAMA;;AAIA;;AAIA;;AAOA;;AACA;;AACA;;AACA;;AAKA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.18.6",
+  "version": "1.20.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
@@ -14,10 +14,10 @@
     "yalc:show": "yalc installations show $npm_package_name"
   },
   "dependencies": {
-    "@emotion/native": "^11.0.0",
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@tecsinapse/react-core": "^1.17.3",
+    "@emotion/native": "^11.10.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@tecsinapse/react-core": "^1.19.0",
     "@types/react-native": "^0.64.4",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "^4.4.2"
@@ -36,5 +36,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "9556060ba9099ec82070d326d3e578b9cec1754e"
+  "gitHead": "59f85f1085ace4af0b26b85e32faf92cd2bf303f"
 }

package/src/components/atoms/Button/Button.tsx

@@ -1,6 +1,7 @@
 import { ButtonProps } from '@tecsinapse/react-core';
 import React, { FC } from 'react';
 import { useMouseHover } from './hooks/useMouseHover';
+import { useMousePressed } from './hooks/useMousePressed';
 import { StyledWebButton } from './styled';
 
 /**
@@ -10,6 +11,8 @@ import { StyledWebButton } from './styled';
 export type WebButtonProps = ButtonProps & {
   onMouseOver?: () => void;
   onMouseOut?: () => void;
+  onPressIn?: () => void;
+  onPressOut?: () => void;
 };
 
 const Button: FC<WebButtonProps> = ({
@@ -17,11 +20,23 @@ const Button: FC<WebButtonProps> = ({
   disabled,
   frozen,
   state,
+  variant,
+  onMouseOut,
+  onMouseOver,
+  onPressIn,
+  onPressOut,
   ...rest
 }): JSX.Element => {
   const _frozen = frozen || state === 'loading';
   const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(
-    !disabled && !_frozen
+    !disabled && !_frozen,
+    onMouseOut,
+    onMouseOver
+  );
+  const { pressed, handlePressIn, handlePressOut } = useMousePressed(
+    !disabled && !_frozen,
+    onPressIn,
+    onPressOut
   );
 
   return (
@@ -33,6 +48,10 @@ const Button: FC<WebButtonProps> = ({
       onMouseOver={handleMouseOver}
       onMouseOut={handleMouseOut}
       mouseOver={mouseOver}
+      onPressIn={handlePressIn}
+      onPressOut={handlePressOut}
+      pressed={pressed}
+      variant={variant}
     >
       {children}
     </StyledWebButton>