@pingux/astro 1.31.0 → 1.31.1-alpha.0

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

@@ -43,10 +43,37 @@ var Default = function Default(args) {
 exports.Default = Default;
 
 var CardRow = function CardRow() {
+  var sx = {
+    li: {
+      display: 'inline',
+      flexGrow: 1,
+      flexBasis: '0%'
+    },
+    card: {
+      display: 'block'
+    }
+  };
   return (0, _react2.jsx)(_Box["default"], {
     isRow: true,
-    gap: "md"
-  }, (0, _react2.jsx)(_Card["default"], null, "First"), (0, _react2.jsx)(_Card["default"], null, "Second"), (0, _react2.jsx)(_Card["default"], null, "Third"));
+    gap: "md",
+    as: "ul",
+    pl: "0px"
+  }, (0, _react2.jsx)(_Box["default"], {
+    as: "li",
+    sx: sx.li
+  }, (0, _react2.jsx)(_Card["default"], {
+    sx: sx.card
+  }, "First")), (0, _react2.jsx)(_Box["default"], {
+    as: "li",
+    sx: sx.li
+  }, (0, _react2.jsx)(_Card["default"], {
+    sx: sx.card
+  }, "Second")), (0, _react2.jsx)(_Box["default"], {
+    as: "li",
+    sx: sx.li
+  }, (0, _react2.jsx)(_Card["default"], {
+    sx: sx.card
+  }, "Third")));
 };
 
 exports.CardRow = CardRow;

package/lib/cjs/components/MenuItem/MenuItem.js

@@ -136,7 +136,8 @@ var MenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: classNames,
     ref: menuItemRef,
     variant: isSeparator ? 'menuItem.separator' : 'menuItem.item',
-    "data-id": dataId
+    "data-id": dataId,
+    "aria-disabled": isDisabled
   }, (0, _utils.mergeProps)(pressProps, hoverProps, focusProps, menuItemProps, others)), rendered);
 });
 MenuItem.displayName = 'MenuItem';

package/lib/cjs/styles/theme.js

@@ -50,7 +50,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 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) { (0, _defineProperty2["default"])(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; }
 
-var _default = {
+var theme = {
   name: 'Astro',
   space: _spacing["default"],
   colors: _objectSpread(_objectSpread({}, _colors["default"]), {}, {
@@ -91,4 +91,6 @@ var _default = {
   links: _variants.links,
   variants: _variants.variants
 };
+console.log('theme', theme);
+var _default = theme;
 exports["default"] = _default;

package/lib/cjs/styles/variants/boxes.js

@@ -40,7 +40,9 @@ var card = {
   p: 'lg',
   alignItems: 'center',
   justifyContent: 'center',
-  flex: '1 1 0'
+  flex: '1 1 0',
+  fontWeight: 1,
+  fontSize: 'md'
 }; // Used to give a border to radio elements
 
 var radioContainer = {

package/lib/components/Card/Card.stories.js

@@ -22,8 +22,35 @@ export var Default = function Default(args) {
   return ___EmotionJSX(Card, args);
 };
 export var CardRow = function CardRow() {
+  var sx = {
+    li: {
+      display: 'inline',
+      flexGrow: 1,
+      flexBasis: '0%'
+    },
+    card: {
+      display: 'block'
+    }
+  };
   return ___EmotionJSX(Box, {
     isRow: true,
-    gap: "md"
-  }, ___EmotionJSX(Card, null, "First"), ___EmotionJSX(Card, null, "Second"), ___EmotionJSX(Card, null, "Third"));
+    gap: "md",
+    as: "ul",
+    pl: "0px"
+  }, ___EmotionJSX(Box, {
+    as: "li",
+    sx: sx.li
+  }, ___EmotionJSX(Card, {
+    sx: sx.card
+  }, "First")), ___EmotionJSX(Box, {
+    as: "li",
+    sx: sx.li
+  }, ___EmotionJSX(Card, {
+    sx: sx.card
+  }, "Second")), ___EmotionJSX(Box, {
+    as: "li",
+    sx: sx.li
+  }, ___EmotionJSX(Card, {
+    sx: sx.card
+  }, "Third")));
 };

package/lib/components/MenuItem/MenuItem.js

@@ -103,7 +103,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames,
     ref: menuItemRef,
     variant: isSeparator ? 'menuItem.separator' : 'menuItem.item',
-    "data-id": dataId
+    "data-id": dataId,
+    "aria-disabled": isDisabled
   }, mergeProps(pressProps, hoverProps, focusProps, menuItemProps, others)), rendered);
 });
 MenuItem.displayName = 'MenuItem';

package/lib/styles/theme.js

@@ -18,7 +18,7 @@ import { fontSizes, fontWeights, textColors } from './text';
 import breakpoints from './breakpoints';
 import forms from './forms';
 import { variants, buttons, text, images, links, bidirectionalIconButton } from './variants';
-export default {
+var theme = {
   name: 'Astro',
   space: spacing,
   colors: _objectSpread(_objectSpread({}, colors), {}, {
@@ -58,4 +58,6 @@ export default {
   textColors: textColors,
   links: links,
   variants: variants
-};
+};
+console.log('theme', theme);
+export default theme;

package/lib/styles/variants/boxes.js

@@ -21,7 +21,9 @@ var card = {
   p: 'lg',
   alignItems: 'center',
   justifyContent: 'center',
-  flex: '1 1 0'
+  flex: '1 1 0',
+  fontWeight: 1,
+  fontSize: 'md'
 }; // Used to give a border to radio elements
 
 var radioContainer = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.31.0",
+  "version": "1.31.1-alpha.0",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",