@pingux/astro 1.0.0-alpha.9 → 1.1.0-alpha.2

package/lib/cjs/components/IconButton/IconButton.stories.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.Disabled = exports.WithTooltip = exports.Inverted = exports.Default = exports["default"] = void 0;
+exports.Disabled = exports.WithTooltip = exports.Default = exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
@@ -53,8 +53,10 @@ var _default = {
     isDisabled: {},
     variant: {
       control: {
-        type: 'none'
-      }
+        type: 'select',
+        options: ['iconButton', 'inverted', 'square', 'invertedSquare']
+      },
+      defaultValue: 'iconButton'
     }
   }
 };
@@ -62,7 +64,7 @@ exports["default"] = _default;
 
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
-    "aria-label": "my-label"
+    "aria-label": "default icon button"
   }, args), (0, _react2.jsx)(_Icon["default"], {
     icon: _CreateIcon["default"]
   }));
@@ -70,20 +72,9 @@ var Default = function Default(args) {
 
 exports.Default = Default;
 
-var Inverted = function Inverted() {
-  return (0, _react2.jsx)(_["default"], {
-    "aria-label": "my-label",
-    variant: "inverted"
-  }, (0, _react2.jsx)(_Icon["default"], {
-    icon: _CreateIcon["default"]
-  }));
-};
-
-exports.Inverted = Inverted;
-
 var WithTooltip = function WithTooltip() {
   return (0, _react2.jsx)(_["default"], {
-    "aria-label": "my-label",
+    "aria-label": "icon button with tooltip",
     title: "Edit"
   }, (0, _react2.jsx)(_Icon["default"], {
     icon: _CreateIcon["default"]
@@ -94,7 +85,7 @@ exports.WithTooltip = WithTooltip;
 
 var Disabled = function Disabled() {
   return (0, _react2.jsx)(_["default"], {
-    "aria-label": "my-label",
+    "aria-label": "disabled icon button",
     isDisabled: true
   }, (0, _react2.jsx)(_Icon["default"], {
     icon: _CreateIcon["default"]

package/lib/cjs/components/IconButton/IconButton.test.js

@@ -46,7 +46,6 @@ test('default icon button', function () {
 
   expect(button).toHaveAttribute('data-testid', testId);
   expect(button).toBeInstanceOf(HTMLButtonElement);
-  expect(button).toHaveAttribute('tabindex', '0');
   expect(button).toBeInTheDocument();
 });
 test('icon button hover', function () {

package/lib/cjs/components/ListItem/ListItem.stories.js

@@ -56,7 +56,6 @@ var Default = function Default(args) {
     isRow: true,
     alignSelf: "center"
   }, (0, _react2.jsx)(_IconButton["default"], {
-    variant: "icon",
     size: 26
   }, (0, _react2.jsx)(_Icon["default"], {
     icon: _MoreVertIcon["default"],
@@ -91,7 +90,6 @@ var WithSubtitle = function WithSubtitle(args) {
     isRow: true,
     alignSelf: "center"
   }, (0, _react2.jsx)(_IconButton["default"], {
-    variant: "icon",
     size: 26
   }, (0, _react2.jsx)(_Icon["default"], {
     icon: _MoreVertIcon["default"],

package/lib/cjs/components/ListView/ListView.js

@@ -81,18 +81,19 @@ var collectionTypes = {
 exports.collectionTypes = collectionTypes;
 
 function useListLayout(state) {
+  var ROW_HEIGHT = 81;
   var collator = (0, _i18n.useCollator)({
     usage: 'search',
     sensitivity: 'base'
   });
   var layout = (0, _react.useMemo)(function () {
     return new _layout.ListLayout({
-      estimatedRowHeight: 81,
+      estimatedRowHeight: ROW_HEIGHT,
       estimatedHeadingHeight: 26,
       paddingRight: 4,
       paddingLeft: 4,
-      loaderHeight: 81,
-      placeholderHeight: 81,
+      loaderHeight: ROW_HEIGHT,
+      placeholderHeight: ROW_HEIGHT,
       collator: collator
     });
   }, [collator]);