@pingux/astro 1.44.0-alpha.3 → 1.44.0-alpha.5

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

@@ -254,13 +254,17 @@ var CollapsiblePanelWithBadge = function CollapsiblePanelWithBadge(args) {
   }), (0, _react2.jsx)(_index.Breadcrumbs, {
     icon: _ChevronRightIcon["default"]
   }, (0, _react2.jsx)(_index.Item, {
+    "aria-label": "Ed Nepomuceno",
+    "data-id": "home",
+    href: "https://www.pingidentity.com",
     key: "home",
-    variant: "link",
-    "data-id": "home"
+    variant: "buttons.link"
   }, "Ed Nepomuceno"), (0, _react2.jsx)(_index.Item, {
+    "aria-label": "edit groups",
+    "data-id": "editGroups",
+    href: "https://www.pingidentity.com",
     key: "editGroups",
-    variant: "neutralText",
-    "data-id": "editGroups"
+    variant: "buttons.link"
   }, "Edit Groups"))), (0, _react2.jsx)(_index.Box, {
     isRow: true
   }, (0, _react2.jsx)(_index.IconButton, {

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -424,7 +424,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       label: item.name,
       slots: item.slots
     }, item.chipProps), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
-      "aria-label": "delete",
+      "aria-label": "delete ".concat(item.name),
       onPress: function onPress() {
         return deleteItem(item.key);
       },

package/lib/cjs/recipes/PageHeader.stories.js

@@ -24,50 +24,34 @@ var _default = {
 exports["default"] = _default;
 
 var Default = function Default() {
-  var heading = 'Title of the Page';
-  var description = 'The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.';
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     align: "center",
     isRow: true,
     mb: "xs",
     role: "heading",
     "aria-level": "1"
   }, (0, _react2.jsx)(_index.Text, {
-    variant: "title",
-    fontWeight: 3
-  }, heading), (0, _react2.jsx)(_index.Button, {
-    variant: "inlinePrimary",
-    ml: "sm"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _PlusIcon["default"],
-    color: "white",
-    size: 13,
-    mr: "4px"
-  }), "\xA0", "Add")), (0, _react2.jsx)(_index.Text, {
-    variant: "bodyWeak"
-  }, description)), (0, _react2.jsx)(_index.Box, {
-    mt: "xl"
-  }, (0, _react2.jsx)(_index.Box, {
-    align: "center",
-    isRow: true,
-    mb: "xs",
-    role: "heading",
-    "aria-level": "1"
-  }, (0, _react2.jsx)(_index.Text, {
-    variant: "title",
-    fontWeight: 3
-  }, heading), (0, _react2.jsx)(_index.IconButton, {
+    fontSize: "xx",
+    fontWeight: "3",
+    fontColor: "text.primary"
+  }, "Title of the Page"), (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "icon button",
     ml: "sm",
-    mt: "3px",
     variant: "inverted"
   }, (0, _react2.jsx)(_index.Icon, {
     icon: _PlusIcon["default"],
-    color: "white",
-    size: "xs"
+    size: "sm"
   }))), (0, _react2.jsx)(_index.Text, {
-    variant: "bodyWeak"
-  }, description)));
+    fontSize: "sm",
+    color: "text.secondary",
+    fontWeight: "0",
+    width: "800px"
+  }, "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", (0, _react2.jsx)(_index.Link, {
+    href: "https://uilibrary.ping-eng.com/",
+    sx: {
+      fontSize: 'sm'
+    }
+  }, "Learn more")));
 };
 
 exports.Default = Default;

package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js

@@ -203,13 +203,17 @@ export var CollapsiblePanelWithBadge = function CollapsiblePanelWithBadge(args)
   }), ___EmotionJSX(Breadcrumbs, {
     icon: ChevronRightIcon
   }, ___EmotionJSX(Item, {
+    "aria-label": "Ed Nepomuceno",
+    "data-id": "home",
+    href: "https://www.pingidentity.com",
     key: "home",
-    variant: "link",
-    "data-id": "home"
+    variant: "buttons.link"
   }, "Ed Nepomuceno"), ___EmotionJSX(Item, {
+    "aria-label": "edit groups",
+    "data-id": "editGroups",
+    href: "https://www.pingidentity.com",
     key: "editGroups",
-    variant: "neutralText",
-    "data-id": "editGroups"
+    variant: "buttons.link"
   }, "Edit Groups"))), ___EmotionJSX(Box, {
     isRow: true
   }, ___EmotionJSX(IconButton, {

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -373,7 +373,7 @@ var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
       label: item.name,
       slots: item.slots
     }, item.chipProps), ___EmotionJSX(IconButton, _extends({
-      "aria-label": "delete",
+      "aria-label": "delete ".concat(item.name),
       onPress: function onPress() {
         return deleteItem(item.key);
       },

package/lib/recipes/PageHeader.stories.js

@@ -1,53 +1,37 @@
 import React from 'react';
 import PlusIcon from 'mdi-react/PlusIcon';
-import { Box, Button, IconButton, Icon, Text } from '../index';
+import { Box, Link, IconButton, Icon, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Page Header'
 };
 export var Default = function Default() {
-  var heading = 'Title of the Page';
-  var description = 'The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.';
-  return ___EmotionJSX(Box, null, ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, {
     align: "center",
     isRow: true,
     mb: "xs",
     role: "heading",
     "aria-level": "1"
   }, ___EmotionJSX(Text, {
-    variant: "title",
-    fontWeight: 3
-  }, heading), ___EmotionJSX(Button, {
-    variant: "inlinePrimary",
-    ml: "sm"
-  }, ___EmotionJSX(Icon, {
-    icon: PlusIcon,
-    color: "white",
-    size: 13,
-    mr: "4px"
-  }), "\xA0", "Add")), ___EmotionJSX(Text, {
-    variant: "bodyWeak"
-  }, description)), ___EmotionJSX(Box, {
-    mt: "xl"
-  }, ___EmotionJSX(Box, {
-    align: "center",
-    isRow: true,
-    mb: "xs",
-    role: "heading",
-    "aria-level": "1"
-  }, ___EmotionJSX(Text, {
-    variant: "title",
-    fontWeight: 3
-  }, heading), ___EmotionJSX(IconButton, {
+    fontSize: "xx",
+    fontWeight: "3",
+    fontColor: "text.primary"
+  }, "Title of the Page"), ___EmotionJSX(IconButton, {
     "aria-label": "icon button",
     ml: "sm",
-    mt: "3px",
     variant: "inverted"
   }, ___EmotionJSX(Icon, {
     icon: PlusIcon,
-    color: "white",
-    size: "xs"
+    size: "sm"
   }))), ___EmotionJSX(Text, {
-    variant: "bodyWeak"
-  }, description)));
+    fontSize: "sm",
+    color: "text.secondary",
+    fontWeight: "0",
+    width: "800px"
+  }, "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", ___EmotionJSX(Link, {
+    href: "https://uilibrary.ping-eng.com/",
+    sx: {
+      fontSize: 'sm'
+    }
+  }, "Learn more")));
 };

package/package.json

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