@pingux/astro 2.0.0-alpha.5 → 2.0.0-alpha.7

package/lib/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js

@@ -9,7 +9,7 @@ var fieldValues = [{
   field1: 'username',
   field2: 'UserID',
   hasBadge: true,
-  chipLabel: 'Required',
+  badgeLabel: 'Required',
   key: 1
 }, {
   field1: 'firstName',
@@ -68,7 +68,7 @@ var sx = {
     mb: 'auto',
     width: '21px'
   },
-  chipStyle: {
+  badgeStyles: {
     width: '65px',
     height: '22px',
     minWidth: 'fit-content',
@@ -132,7 +132,7 @@ export var Default = function Default() {
     }), hasBadge && ___EmotionJSX(Badge, {
       label: "Required",
       textColor: "#253746",
-      sx: sx.chipStyle
+      sx: sx.badgeStyles
     }));
   })));
 };

package/lib/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js

@@ -14,17 +14,17 @@ var editFieldValues = [{
 }, {
   field1: 'firstName',
   field2: 'Given Name',
-  hasChip: false,
+  hasBadge: false,
   key: 2
 }, {
   field1: 'lastName',
   field2: 'Family Name',
-  hasChip: false,
+  hasBadge: false,
   key: 3
 }, {
   field1: 'population',
   field2: 'Population',
-  hasChip: false,
+  hasBadge: false,
   key: 4
 }];
 var sx = {

package/lib/recipes/Arrow.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Box from '../components/Box';
+import { Box } from '../index';
 import { line } from '../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/recipes/AttributeMappingReadOnlyField.stories.js

@@ -24,7 +24,7 @@ var sx = {
     marginBottom: 'md',
     alignItems: 'center'
   },
-  chip: {
+  badge: {
     width: 'xx',
     height: '22px',
     alignSelf: 'center',
@@ -117,7 +117,7 @@ var Row = function Row(props) {
     }
   }), withBadge && ___EmotionJSX(Badge, {
     label: "Required",
-    sx: sx.chip
+    sx: sx.badge
   }), withTooltip && ___EmotionJSX(Box, {
     sx: sx.tooltipBox
   }, ___EmotionJSX(HelpHint, {

package/lib/recipes/CollapsiblePanel.stories.js

@@ -21,7 +21,7 @@ import CheckIcon from 'mdi-react/CheckIcon';
 import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import Clear from 'mdi-react/CloseIcon';
 import SearchIcon from 'mdi-react/SearchIcon';
-import { Badge, Box, Breadcrumbs, CheckboxField, CollapsiblePanel, CollapsiblePanelItem, Icon, IconButton, Item, ListView, SearchField, Text } from '..';
+import { Badge, Box, Breadcrumbs, CheckboxField, CollapsiblePanel, CollapsiblePanelItem, Icon, IconButton, Item, ListView, SearchField, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/CollapsiblePanel with List'
@@ -32,7 +32,7 @@ var data = [{
   key: 'Avengers',
   name: 'Avengers',
   subtitle: 'Default',
-  chipValue: '25',
+  badgeValue: '25',
   isDefaultSelected: true
 }, {
   id: '2',
@@ -40,21 +40,21 @@ var data = [{
   key: 'Credit Cards',
   name: 'Credit Cards',
   subtitle: '',
-  chipValue: '123'
+  badgeValue: '123'
 }, {
   id: '3',
   icon: 'Group',
   key: 'Debit Cards',
   name: 'Debit Cards',
   subtitle: '',
-  chipValue: '23'
+  badgeValue: '23'
 }, {
   id: '4',
   icon: 'Group',
   key: 'Digital Investors',
   name: 'Digital Investors',
   subtitle: 'N America',
-  chipValue: '12',
+  badgeValue: '12',
   isDefaultSelected: true
 }, {
   id: '5',
@@ -62,35 +62,35 @@ var data = [{
   key: 'Mortgages',
   name: 'Mortgages',
   subtitle: 'N America',
-  chipValue: '112'
+  badgeValue: '112'
 }, {
   id: '6',
   icon: 'Group',
   key: 'Person LOC',
   name: 'Person LOC',
   subtitle: '',
-  chipValue: '45'
+  badgeValue: '45'
 }, {
   id: '7',
   icon: 'Group',
   key: 'Production',
   name: 'Production',
   subtitle: '',
-  chipValue: '55'
+  badgeValue: '55'
 }, {
   id: '8',
   icon: 'Group',
   key: 'UX Team',
   name: 'UX Team',
   subtitle: '',
-  chipValue: '61'
+  badgeValue: '61'
 }, {
   id: '9',
   icon: 'Group',
   key: 'UI Team',
   name: 'UI Team',
   subtitle: '',
-  chipValue: '29'
+  badgeValue: '29'
 }];
 var sx = {
   listViewItem: {
@@ -248,7 +248,7 @@ export var Default = function Default() {
       mb: "xs",
       mr: "xs"
     }, item.name), ___EmotionJSX(Badge, {
-      label: item.chipValue,
+      label: item.badgeValue,
       bg: "accent.99",
       textColor: "text.secondary",
       sx: {

package/lib/recipes/CountryPicker.stories.js

@@ -3,10 +3,7 @@ import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entrie
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useState } from 'react';
 import { countries as countriesObj } from 'countries-list';
-import Box from '../components/Box';
-import ComboBoxField from '../components/ComboBoxField';
-import Input from '../components/Input';
-import { Item } from '../index';
+import { Box, ComboBoxField, Input, Item } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Country Picker'

package/lib/recipes/DraggableBox.stories.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import DragVerticalIcon from 'mdi-react/DragVerticalIcon';
 import FormTextboxIcon from 'mdi-react/FormTextboxIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import Text from '../components/Text';
+import { Box, Icon, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Draggable Box'

package/lib/recipes/FlippableCaretMenuButton.stories.js

@@ -21,8 +21,7 @@ import { useLayoutEffect } from '@react-aria/utils';
 import CloseIcon from 'mdi-react/CloseIcon';
 import MenuDown from 'mdi-react/MenuDownIcon';
 import MenuUp from 'mdi-react/MenuUpIcon';
-import PopoverContainer from '../components/PopoverContainer';
-import { Box, Button, Icon, IconButton } from '../index';
+import { Box, Button, Icon, IconButton, PopoverContainer } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Flippable Caret Menu Button'

package/lib/recipes/LinkedListView.stories.js

@@ -39,7 +39,7 @@ var testData = [{
   id: '1',
   hasSeparator: false,
   hasInsetSeparator: true,
-  chipText: 'default',
+  badgeText: 'default',
   expirationText: 'Expiring On: 2022-12-08',
   childrenObjects: [{
     key: 'Staging Policy',
@@ -53,7 +53,7 @@ var testData = [{
   key: 'Policy4',
   name: 'Policy4',
   policyId: '9234890324k-124123asdf',
-  chipText: 'default',
+  badgeText: 'default',
   id: '2',
   hasSeparator: true
 }, {
@@ -255,9 +255,9 @@ export var Default = function Default(_ref) {
   };
   var ExprirationBadge = function ExprirationBadge(props) {
     var expirationText = props.expirationText,
-      chipText = props.chipText;
+      badgeText = props.badgeText;
     return ___EmotionJSX(Box, {
-      sx: !chipText && {
+      sx: !badgeText && {
         paddingLeft: '72px'
       },
       flexGrow: 1,
@@ -279,7 +279,7 @@ export var Default = function Default(_ref) {
 
   // jsx of the production row
   var Production = function Production(props) {
-    var chipText = props.chipText,
+    var badgeText = props.badgeText,
       hasStaging = props.hasStaging,
       policyId = props.policyId,
       name = props.name;
@@ -316,12 +316,12 @@ export var Default = function Default(_ref) {
         color: 'text.secondary',
         fontSize: 'sm'
       }
-    }, "Policy Id:", ' ', policyId)), chipText && ___EmotionJSX(DefaultBadge, null)), ___EmotionJSX(IconWithPopover, null));
+    }, "Policy Id:", ' ', policyId)), badgeText && ___EmotionJSX(DefaultBadge, null)), ___EmotionJSX(IconWithPopover, null));
   };
 
   // jsx of the staging row.
   var Staging = function Staging(props) {
-    var chipText = props.chipText,
+    var badgeText = props.badgeText,
       expirationText = props.expirationText,
       policyId = props.policyId,
       name = props.name;
@@ -357,7 +357,7 @@ export var Default = function Default(_ref) {
         color: 'text.secondary',
         fontSize: 'sm'
       }
-    }, "Policy Id:", ' ', policyId))), chipText && ___EmotionJSX(DefaultBadge, null), expirationText && ___EmotionJSX(ExprirationBadge, {
+    }, "Policy Id:", ' ', policyId))), badgeText && ___EmotionJSX(DefaultBadge, null), expirationText && ___EmotionJSX(ExprirationBadge, {
       expirationText: expirationText
     }), ___EmotionJSX(IconWithPopover, null));
   };
@@ -378,7 +378,7 @@ export var Default = function Default(_ref) {
               right: 0,
               bottom: 0,
               borderBottom: '1px solid',
-              borderBottomColor: 'line.hairline'
+              borderBottomColor: 'line.light'
             }
           }
         }

package/lib/recipes/ListAndPanel.stories.js

@@ -9,7 +9,7 @@ import MoreVertIcon from 'mdi-react/MoreVertIcon';
 import PencilIcon from 'mdi-react/PencilIcon';
 import PlusIcon from 'mdi-react/PlusIcon';
 import { useOverlayPanelState } from '../hooks';
-import { Box, Icon, IconButton, Link, ListView, Menu, OverlayPanel, PopoverMenu, SearchField, Separator, SwitchField, Tab, Tabs, Text } from '../index';
+import { Box, Icon, IconButton, Link, ListItem, ListView, Menu, OverlayPanel, PopoverMenu, SearchField, Separator, SwitchField, Tab, Tabs, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/List with Panel'
@@ -137,7 +137,8 @@ var sx = {
   },
   listElement: {
     wrapper: {
-      minHeight: '60px'
+      minHeight: '60px',
+      pl: '14px'
     },
     iconWrapper: {
       mr: 'auto',
@@ -151,7 +152,7 @@ var sx = {
     avatar: {
       width: '25px',
       height: '25px',
-      mr: 'md'
+      mr: '14px'
     },
     title: {
       alignSelf: 'start',
@@ -164,15 +165,57 @@ var sx = {
       alignSelf: 'start'
     },
     menuWrapper: {
-      alignSelf: 'center'
+      alignSelf: 'center',
+      pr: '4px'
     }
   }
 };
 var ListElement = function ListElement(_ref) {
   var item = _ref.item,
+    isHoverable = _ref.isHoverable,
     onClosePanel = _ref.onClosePanel;
-  return ___EmotionJSX(Box, {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mousePosition = _useState4[0],
+    setMousePosition = _useState4[1];
+  var listItemRef = useRef();
+  var handleMenuHoverEnd = function handleMenuHoverEnd() {
+    var currentPositionX = mousePosition.currentPositionX,
+      currentPositionY = mousePosition.currentPositionY;
+    var _listItemRef$current$ = listItemRef.current.getBoundingClientRect(),
+      height = _listItemRef$current$.height,
+      right = _listItemRef$current$.right,
+      top = _listItemRef$current$.top;
+    var hasMovedBackToRow = currentPositionY < top + height && currentPositionX < right;
+    if (hasMovedBackToRow) {
+      setIsHovered(true);
+      return;
+    }
+    setIsHovered(false);
+  };
+  var handleMouseMove = function handleMouseMove(e) {
+    setMousePosition({
+      currentPositionX: e.clientX,
+      currentPositionY: e.clientY
+    });
+  };
+  var handleHoveEnd = function handleHoveEnd() {
+    setIsHovered(false);
+  };
+  var handleHoveStart = function handleHoveStart() {
+    setIsHovered(true);
+  };
+  return ___EmotionJSX(ListItem, {
+    isHovered: isHoverable && isHovered,
     isRow: true,
+    onHoverEnd: handleHoveEnd,
+    onHoverStart: handleHoveStart,
+    onMouseMove: handleMouseMove,
+    ref: listItemRef,
     sx: sx.listElement.wrapper
   }, ___EmotionJSX(Box, {
     isRow: true,
@@ -201,7 +244,11 @@ var ListElement = function ListElement(_ref) {
   }, ___EmotionJSX(Icon, {
     icon: MoreVertIcon,
     size: "md"
-  })), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
+  })), ___EmotionJSX(Menu, {
+    onAction: handleHoveEnd,
+    onHoverEnd: handleMenuHoverEnd,
+    onHoverStart: handleHoveStart
+  }, ___EmotionJSX(Item, {
     key: "enable"
   }, "Enable user"), ___EmotionJSX(Item, {
     key: "disable"
@@ -216,14 +263,14 @@ var ListElement = function ListElement(_ref) {
   }))));
 };
 export var Default = function Default() {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItemId = _useState2[0],
-    setSelectedItemId = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedKeys = _useState4[0],
-    setSelectedKeys = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedItemId = _useState6[0],
+    setSelectedItemId = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedKeys = _useState8[0],
+    setSelectedKeys = _useState8[1];
   var _useOverlayPanelState = useOverlayPanelState(),
     panelState = _useOverlayPanelState.state,
     onPanelClose = _useOverlayPanelState.onClose;
@@ -246,9 +293,7 @@ export var Default = function Default() {
       closePanelHandler();
     }
   };
-  return ___EmotionJSX(Box, {
-    sx: sx.wrapper
-  }, ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
+  var title = ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
     align: "center",
     isRow: true,
     mb: "xs",
@@ -275,7 +320,10 @@ export var Default = function Default() {
     sx: {
       fontSize: '13px'
     }
-  }, " Learn more"))), ___EmotionJSX(SearchField, {
+  }, " Learn more")));
+  return ___EmotionJSX(Box, {
+    sx: sx.wrapper
+  }, title, ___EmotionJSX(SearchField, {
     position: "fixed",
     mb: "lg",
     mt: "lg",
@@ -288,17 +336,19 @@ export var Default = function Default() {
     items: items,
     onSelectionChange: selectItemHandler,
     ref: panelTriggerRef,
-    selectedKeys: selectedKeys
+    selectedKeys: selectedKeys,
+    isHoverable: false
   }, function (item) {
     return ___EmotionJSX(Item, {
       key: item.email,
       textValue: item.email,
-      hasSeparator: true,
+      hasSeparator: item.hasSeparator,
       listItemProps: {
-        pl: 15,
-        minHeight: 75
+        minHeight: 75,
+        padding: 1
       }
     }, ___EmotionJSX(ListElement, {
+      isHoverable: true,
       item: item
     }));
   }), ___EmotionJSX(OverlayPanel, {

package/lib/recipes/LogoTabs.stories.js

@@ -125,7 +125,7 @@ var sx = {
     }
   })
 };
-export var LogoTabs = function LogoTabs() {
+export var Default = function Default() {
   var _useState = useState('tab1'),
     _useState2 = _slicedToArray(_useState, 2),
     currentTab = _useState2[0],

package/lib/recipes/NeutralInput.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import CheckboxField from '../components/CheckboxField';
+import { CheckboxField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Neutral Checkbox Field'

package/lib/recipes/OneWayToBidirectionalArrow.stories.js

@@ -3,8 +3,7 @@ import React from 'react';
 import CogsIcon from 'mdi-react/CogsIcon';
 import DeleteIcon from 'mdi-react/DeleteIcon';
 import DragVerticalIcon from 'mdi-react/DragVerticalIcon';
-import Box from '../components/Box';
-import { ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '../index';
+import { Box, ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/One Way to Bidirectional Arrow'

package/lib/recipes/PanelHeader.stories.js

@@ -2,12 +2,7 @@ import React from 'react';
 import AccountIcon from 'mdi-react/AccountIcon';
 import CloseIcon from 'mdi-react/CloseIcon';
 import DotsVerticalIcon from 'mdi-react/DotsVerticalIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import IconButton from '../components/IconButton';
-import PopoverMenu from '../components/PopoverMenu';
-import Text from '../components/Text';
-import { Item, Menu, OverlayProvider } from '../index';
+import { Box, Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Panel Header'

package/lib/recipes/RadioButtonsWithLinks.stories.js

@@ -2,9 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { useState } from 'react';
 import CloseIcon from 'mdi-react/CloseIcon';
-import RadioField from '../components/RadioField';
-import RadioGroupField from '../components/RadioGroupField';
-import { Box, Button, Icon, IconButton, Text } from '../index';
+import { Box, Button, Icon, IconButton, RadioField, RadioGroupField, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Radio Buttons with Links'

package/lib/recipes/{SelectedFieldOverlay.story.js → SelectedFieldOverlay.stories.js}

@@ -1,8 +1,6 @@
 import React from 'react';
 import VisibilityOffOutlineIcon from 'mdi-react/VisibilityOffOutlineIcon';
-import Box from '../components/Box';
-import Icon from '../components/Icon';
-import TextField from '../components/TextField';
+import { Box, Icon, TextField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Selected Field Overlay'

package/lib/recipes/StatsCircle.stories.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import Box from '../components/Box';
-import Text from '../components/Text';
+import { Box, Text } from '../index';
 import { active } from '../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import CloseIcon from 'mdi-react/CloseIcon';
-import useModalState from '../hooks/useModalState';
+import { useModalState } from '../hooks';
 import { Box, Button, HelpHint, Icon, IconButton, Modal, OverlayProvider, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/styles/colors.js

@@ -13,7 +13,9 @@ export var active = '#4462ED';
 export var critical = {
   bright: '#a31300',
   dark: '#a31300',
-  light: '#ffebe7'
+  light: '#ffebe7',
+  primaryDark: chroma.mix('#a31300', '#000000', 0.2).hex(),
+  secondaryDark: chroma.mix('#a31300', '#000000', 0.4).hex()
 };
 export var success = {
   bright: '#00af18',

package/lib/styles/themes/astro-nano/astro-nano.js

@@ -55,6 +55,23 @@ var modifyTheme = {
     }, baseButton),
     primary: _objectSpread({}, baseButton)
   },
+  cards: {
+    container: {
+      borderRadius: borderRadius,
+      flexGrow: [1, 0],
+      maxWidth: astroTheme.breakpoints[0],
+      bg: 'white',
+      alignItems: 'stretch',
+      py: [0, 'xl'],
+      my: 'auto',
+      boxShadow: ['none', astroTheme.cards.container.boxShadow],
+      width: ['100%', '450px'],
+      minHeight: 'fit-content'
+    },
+    cardBody: {
+      flexGrow: [1, 0]
+    }
+  },
   colors: {
     activeDark: chroma(astroTheme.colors.active).darken(0.5).hex(),
     activeDarker: chroma(astroTheme.colors.active).darken(1).hex()
@@ -103,20 +120,6 @@ var modifyTheme = {
     }
   },
   variants: {
-    card: {
-      container: {
-        borderRadius: borderRadius,
-        flexGrow: [1, 0],
-        maxWidth: astroTheme.breakpoints[0],
-        bg: 'white',
-        alignItems: 'stretch',
-        py: [0, 'xl'],
-        my: 'auto',
-        boxShadow: ['none', astroTheme.variants.card.container.boxShadow],
-        width: ['100%', '450px'],
-        minHeight: 'fit-content'
-      }
-    },
     wrapper: {
       alignItems: 'center',
       justifyContent: 'space-between',
@@ -129,9 +132,6 @@ var modifyTheme = {
       bottom: 0,
       left: 0,
       right: 0
-    },
-    cardBody: {
-      flexGrow: [1, 0]
     }
   }
 };

package/lib/utils/devUtils/props/hoverProps.js

@@ -0,0 +1,44 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import PropTypes from 'prop-types';
+var descriptions = {
+  onHoverStart: 'Handler that is called when a hover interaction starts.',
+  onHoverEnd: 'Handler that is called when a hover interaction ends.',
+  onHoverChange: 'Handler that is called when the hover state changes.'
+};
+export var baseDocSettings = {
+  type: {
+    summary: 'func'
+  },
+  control: {
+    type: null
+  },
+  table: {
+    category: 'Hover Handlers'
+  }
+};
+export var onHoverArgTypes = {
+  'onHoverStart': _objectSpread({
+    description: descriptions.onHoverStart
+  }, baseDocSettings),
+  'onHoverEnd': _objectSpread({
+    description: descriptions.onHoverEnd
+  }, baseDocSettings),
+  'onHoverChange': _objectSpread({
+    description: descriptions.onHoverChange
+  }, baseDocSettings)
+};
+export var onHoverPropTypes = {
+  onHoverStart: PropTypes.func,
+  onHoverEnd: PropTypes.func,
+  onHoverChange: PropTypes.func
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.7",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",
@@ -65,7 +65,7 @@
     "@react-stately/grid": "~3.3.1",
     "@react-stately/layout": "~3.7.1",
     "@react-stately/list": "~3.4.1",
-    "@react-stately/table": "^3.2.1",
+    "@react-stately/table": "~3.3.0",
     "@react-stately/virtualizer": "^3.2.1",
     "@storybook/addon-actions": "^6.5.10",
     "@styled-system/prop-types": "^5.1.5",