@pingux/astro 1.29.0-alpha.0 → 1.29.0-alpha.2

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

@@ -70,7 +70,7 @@ var data = [{
   }]
 }];
 var _default = {
-  title: 'Accordion Grid',
+  title: 'AccordionGridGroup',
   component: _AccordionGridGroup["default"],
   parameters: {
     actions: {

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

@@ -61,7 +61,7 @@ var itemArrayDisabled = [{
   children: 'Child Renders Here'
 }];
 var _default = {
-  title: 'Accordion',
+  title: 'AccordionGroup',
   component: _["default"],
   parameters: {
     actions: {

package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js

@@ -88,10 +88,6 @@ var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return _index.Text;
 
       case 'Link':
-        if (isCurrent) {
-          return _index.Text;
-        }
-
         return _index.Link;
 
       case 'Fragment':

package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -84,7 +84,8 @@ var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         minHeight: 42
       },
       as: "li",
-      key: "li-".concat(child.key)
+      key: "li-".concat(child.key),
+      variant: "text.breadcrumbLi"
     }, (0, _react2.jsx)(_BreadcrumbItem["default"], (0, _extends2["default"])({
       "data-id": child['data-id'],
       isCurrent: isCurrentItem,
@@ -98,7 +99,9 @@ var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       size: 16
     }, iconProps)));
   }, [children.length, filteredChildren, icon, iconProps, onAction]);
-  return (0, _react2.jsx)("nav", null, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
+  return (0, _react2.jsx)("nav", {
+    "aria-label": "Breadcrumb"
+  }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     ref: breadcrumbsRef,
     isRow: true,
     sx: {

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

@@ -23,7 +23,7 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Icon Button',
+  title: 'IconButton',
   component: _["default"],
   parameters: {
     docs: {

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

@@ -65,7 +65,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 = {
-  title: 'Recipes/ApplicationSearchDropdown'
+  title: 'Recipes/Application Search Dropdown'
 };
 exports["default"] = _default;
 var items = [{

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

@@ -19,7 +19,7 @@ var _index = require("../index");
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/AttributeMappingReadOnlyField'
+  title: 'Recipes/Attribute Mapping Read Only Field'
 };
 exports["default"] = _default;
 

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

@@ -53,7 +53,7 @@ var items = [{
   id: '3'
 }];
 var _default = {
-  title: 'Recipes/AttributesP1Mappings'
+  title: 'Recipes/Attributes And PingOne Mapping'
 };
 exports["default"] = _default;
 var sx = {

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

@@ -69,7 +69,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var _default = {
-  title: 'Recipes/CollapsiblePanel with List'
+  title: 'Recipes/Collapsible Panel with List'
 };
 exports["default"] = _default;
 var data = [{

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

@@ -29,7 +29,7 @@ var _OverlayPanel = _interopRequireDefault(require("../components/OverlayPanel")
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/ConditionalFilter'
+  title: 'Recipes/Conditional Filter'
 };
 exports["default"] = _default;
 var sx = {

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

@@ -19,7 +19,7 @@ var _useCopyToClipboard = _interopRequireDefault(require("../hooks/useCopyToClip
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/CopyToClipboard'
+  title: 'Recipes/Copy to Clipboard'
 };
 exports["default"] = _default;
 

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

@@ -41,7 +41,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/CountryPicker'
+  title: 'Recipes/Country Picker'
 };
 exports["default"] = _default;
 

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

@@ -43,7 +43,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/DatePicker'
+  title: 'Recipes/Date Picker'
 };
 exports["default"] = _default;
 var sx = {

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

@@ -25,7 +25,7 @@ var _Text = _interopRequireDefault(require("../components/Text"));
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/DraggableBox'
+  title: 'Recipes/Draggable Box'
 };
 exports["default"] = _default;
 

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

@@ -51,7 +51,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 = {
-  title: 'Recipes/EditableInput'
+  title: 'Recipes/Editable Input'
 };
 exports["default"] = _default;
 var EditableAreaContext = /*#__PURE__*/(0, _react.createContext)();

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

@@ -69,7 +69,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var _default = {
-  title: 'Recipes/FlippableCaretMenuButton'
+  title: 'Recipes/Flippable Caret Menu Button'
 };
 exports["default"] = _default;
 var buttonArray = ['Web App', 'Native App', 'Single Page App', 'Non-Interactive', 'Worker', 'Advanced Configuration', 'Built-in admin console for this environment', 'Built-in Application portal'];

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

@@ -55,7 +55,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 = {
-  title: 'Recipes/LogoTabs'
+  title: 'Recipes/Logo Tabs'
 };
 exports["default"] = _default;
 

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

@@ -37,7 +37,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/MaskedValues',
+  title: 'Recipes/Masked Values',
   argTypes: {
     dataTitle: {
       control: {

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

@@ -17,7 +17,7 @@ var _CheckboxField = _interopRequireDefault(require("../components/CheckboxField
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/NeutralCheckboxField'
+  title: 'Recipes/Neutral Checkbox Field'
 };
 exports["default"] = _default;
 var sx = {

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

@@ -27,7 +27,7 @@ var _index = require("../index");
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/OneWayToBidirectionalArrow'
+  title: 'Recipes/One Way to Bidirectional Arrow'
 };
 exports["default"] = _default;
 var items = [{

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

@@ -37,7 +37,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/RadioButtonsWithLinks'
+  title: 'Recipes/Radio Buttons with Links'
 };
 exports["default"] = _default;
 

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

@@ -39,7 +39,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/RowLineChart',
+  title: 'Recipes/Row Line Chart',
   parameters: {
     chromatic: {
       diffThreshold: 0.9

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

@@ -43,7 +43,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/ScrollableListView'
+  title: 'Recipes/Scrollable List View'
 };
 exports["default"] = _default;
 var unfilteredItems = [{

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

@@ -21,7 +21,7 @@ var _colors = require("../styles/colors");
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/StatsCircle'
+  title: 'Recipes/Stats Circle'
 };
 exports["default"] = _default;
 var sx = {

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

@@ -23,7 +23,7 @@ var _useModalState = _interopRequireDefault(require("../hooks/useModalState"));
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'Recipes/TrialExperienceButtons'
+  title: 'Recipes/Trial Experience Buttons'
 };
 exports["default"] = _default;
 var headingTextStyle = {

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

@@ -41,7 +41,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 
 var _default = {
-  title: 'Recipes/TrialExperienceNav'
+  title: 'Recipes/Trial Experience Nav'
 };
 exports["default"] = _default;
 

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

@@ -141,6 +141,11 @@ var expandableRow = {
     }
   }
 };
+var breadcrumbLi = {
+  'a.is-hovered.is-current ': {
+    textDecoration: 'none'
+  }
+};
 var breadcrumbLink = {
   color: 'active',
   fontFamily: 'standard',
@@ -255,6 +260,7 @@ var text = {
     color: 'text.secondary',
     fontFamily: 'standard'
   }),
+  breadcrumbLi: breadcrumbLi,
   breadcrumbLink: breadcrumbLink,
   buttonLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
     fontSize: 'md',

package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js

@@ -39,7 +39,7 @@ var data = [{
   }]
 }];
 export default {
-  title: 'Accordion Grid',
+  title: 'AccordionGridGroup',
   component: AccordionGridGroup,
   parameters: {
     actions: {

package/lib/components/AccordionGroup/AccordionGroup.stories.js

@@ -32,7 +32,7 @@ var itemArrayDisabled = [{
   children: 'Child Renders Here'
 }];
 export default {
-  title: 'Accordion',
+  title: 'AccordionGroup',
   component: AccordionGroup,
   parameters: {
     actions: {

package/lib/components/Breadcrumbs/BreadcrumbItem.js

@@ -53,10 +53,6 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
         return Text;
 
       case 'Link':
-        if (isCurrent) {
-          return Text;
-        }
-
         return Link;
 
       case 'Fragment':

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -50,7 +50,8 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
         minHeight: 42
       },
       as: "li",
-      key: "li-".concat(child.key)
+      key: "li-".concat(child.key),
+      variant: "text.breadcrumbLi"
     }, ___EmotionJSX(BreadcrumbItem, _extends({
       "data-id": child['data-id'],
       isCurrent: isCurrentItem,
@@ -64,7 +65,9 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
       size: 16
     }, iconProps)));
   }, [children.length, filteredChildren, icon, iconProps, onAction]);
-  return ___EmotionJSX("nav", null, ___EmotionJSX(Box, _extends({
+  return ___EmotionJSX("nav", {
+    "aria-label": "Breadcrumb"
+  }, ___EmotionJSX(Box, _extends({
     ref: breadcrumbsRef,
     isRow: true,
     sx: {

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

@@ -5,7 +5,7 @@ import IconButton from '.';
 import Icon from '../Icon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Icon Button',
+  title: 'IconButton',
   component: IconButton,
   parameters: {
     docs: {

package/lib/recipes/ApplicationSearchDropdown.stories.js

@@ -25,7 +25,7 @@ import { FocusScope, createFocusManager } from '@react-aria/focus';
 import { ListView, Item, IconButton, Text, PopoverContainer, Box, Icon, SearchField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/ApplicationSearchDropdown'
+  title: 'Recipes/Application Search Dropdown'
 };
 var items = [{
   key: 'Gmail',

package/lib/recipes/AttributeMappingReadOnlyField.stories.js

@@ -3,7 +3,7 @@ import CreateIcon from 'mdi-react/CreateIcon';
 import { Box, Chip, IconButton, Text, Icon, Separator, TextField, HelpHint } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/AttributeMappingReadOnlyField'
+  title: 'Recipes/Attribute Mapping Read Only Field'
 };
 export var Default = function Default() {
   var Row = function Row(props) {

package/lib/recipes/AttributesAndPingOneMapping.stories.js

@@ -20,7 +20,7 @@ var items = [{
   id: '3'
 }];
 export default {
-  title: 'Recipes/AttributesP1Mappings'
+  title: 'Recipes/Attributes And PingOne Mapping'
 };
 var sx = {
   rowBox: {

package/lib/recipes/CollapsiblePanel.stories.js

@@ -27,7 +27,7 @@ import SearchIcon from 'mdi-react/SearchIcon';
 import { Breadcrumbs, Box, CheckboxField, Chip, Icon, IconButton, Item, ListView, CollapsiblePanel, CollapsiblePanelItem, SearchField, Text } from '..';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/CollapsiblePanel with List'
+  title: 'Recipes/Collapsible Panel with List'
 };
 var data = [{
   id: '1',

package/lib/recipes/ConditionalFilter.stories.js

@@ -8,7 +8,7 @@ import { Box, Bracket, Button, Chip, IconButton, Icon, Item, OverlayProvider, Ro
 import OverlayPanel from '../components/OverlayPanel';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/ConditionalFilter'
+  title: 'Recipes/Conditional Filter'
 };
 var sx = {
   customChipStyles: {

package/lib/recipes/CopyToClipboard.stories.js

@@ -3,7 +3,7 @@ import { Box, Button, Text } from '../index';
 import useCopyToClipboard from '../hooks/useCopyToClipboard';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/CopyToClipboard'
+  title: 'Recipes/Copy to Clipboard'
 };
 export var Default = function Default() {
   var textToCopy = 'eyJraWQiOiI4YTg5MmY3ZS1iNTk1LTRkYWQtODBlNC0yMzA4ODkyZTczZDQiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2FwaS5waW5nb25lLmNvbSIsImF1dGhVcmwiOiJodHRwczovL2F1dGgucGluZ29uZS5jb20iLCJjb25zb2xlVXJsIjoiaHR0cHM6Ly9jb25zb2xlLnBpbmdvbmUuY29tIiwiZW52aXJvbm1lbnROYW1lIjoiTW9udGFuYSIsImVudmlyb25tZW50SWQiOiJhYzc2NWQ0Ny1kMDM2LTQ1MGUtODFjMS1mYjQ1NDMxMjM1NjYiLCJvcmdhbml6YXRpb25OYW1lIjoiaW50ZXJuYWxfZXJpa2FhbGRlYm9yZ2hfMjUyMDc1MDMxIiwib3JnYW5pemF0aW9uSWQiOiJkMDYzMmYwZi03YjQ2LTQ5ZjUtYjgyYS1kZWU5MWQ3MDY3ODYiLCJnYXRld2F5TmFtZSI6ImRzZHMiLCJnYXRld2F5SWQiOiJiMDVmNGU5Yy1jMzRiLTRlZTMtYTYyNS01ZGFiNjlkYTE1YTEiLCJnYXRld2F5VHlwZSI6IlBJTkdfRkVERVJBVEUiLCJ0YXJnZXRDbHVzdGVyRW52aXJvbm1lbnQiOiJQUk9EIiwidGFyZ2V0R2VvZ3JhcGh5IjoiTkEiLCJyZWdpb24iOiJOb3J0aCBBbWVyaWNhIiwianRpIjoiMTUwYTQ0OTktZjIyYi00YWVhLWIzY2UtYWM2YWY1NjVjNjk5IiwiaXNzIjoid3NzOi8vZ2F0ZXdheXMucGluZ29uZS5jb20iLCJpYXQiOjE2MjYyODEyMTZ9.JJ9wwqTxQWUwz2vmU0yE54xuYff51xbirzZuEUxd8GDzV45bnpbmx460CY8g9ccdmOjvfVF4RPPsawpKuMZH271tDlLZl67iknxDVWBZSih9K6v0RAmsmNriR4OyOFOkGrULCIz3ISyPWeItp1AVuue_8guWR63KzYg32aPC4SgmOrc2myq9N6XNU2H1KybETbG_s5-VU_cUqaXn7GUzhL2_W6CSVrrlE1cYfjC7pxMKFm4vvIw_KcNYVGO1K6oYgzRZ4A8toQHIdlGB8L-wkCt442LdC93OjoQdkLuGzmXnO8BUohWea-Dn35gGHoH-H1BRQTya_H9AKyWMxCw-vg';

package/lib/recipes/CountryPicker.stories.js

@@ -9,7 +9,7 @@ import Input from '../components/Input';
 import { Item } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/CountryPicker'
+  title: 'Recipes/Country Picker'
 };
 
 var validatePhoneNumber = function validatePhoneNumber(str) {

package/lib/recipes/DatePicker.stories.js

@@ -10,7 +10,7 @@ import statuses from '../utils/devUtils/constants/statuses';
 import PopoverContainer from '../components/PopoverContainer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/DatePicker'
+  title: 'Recipes/Date Picker'
 };
 var sx = {
   calendarIcon: {

package/lib/recipes/DraggableBox.stories.js

@@ -6,7 +6,7 @@ import Icon from '../components/Icon';
 import Text from '../components/Text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/DraggableBox'
+  title: 'Recipes/Draggable Box'
 };
 export var Default = function Default() {
   return ___EmotionJSX(Box, {

package/lib/recipes/EditableInput.stories.js

@@ -19,7 +19,7 @@ import CheckIcon from 'mdi-react/CheckIcon';
 import { TextAreaField, IconButton, Icon, Box } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/EditableInput'
+  title: 'Recipes/Editable Input'
 };
 var EditableAreaContext = /*#__PURE__*/createContext();
 var EditableAreaProvider = EditableAreaContext.Provider;

package/lib/recipes/FlippableCaretMenuButton.stories.js

@@ -28,7 +28,7 @@ import { Button, Box, Icon, IconButton } from '../index';
 import PopoverContainer from '../components/PopoverContainer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/FlippableCaretMenuButton'
+  title: 'Recipes/Flippable Caret Menu Button'
 };
 var buttonArray = ['Web App', 'Native App', 'Single Page App', 'Non-Interactive', 'Worker', 'Advanced Configuration', 'Built-in admin console for this environment', 'Built-in Application portal'];
 var sx = {

package/lib/recipes/LogoTabs.stories.js

@@ -21,7 +21,7 @@ import { Tabs, Tab, Text, Icon, Box, Separator } from '../index';
 import { tab } from '../styles/variants/tabs';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/LogoTabs'
+  title: 'Recipes/Logo Tabs'
 };
 
 var P14CLogo = function P14CLogo(props) {

package/lib/recipes/MaskedValue.stories.js

@@ -7,7 +7,7 @@ import { Box, Icon, IconButton, Text } from '../index';
 import { useStatusClasses } from '../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/MaskedValues',
+  title: 'Recipes/Masked Values',
   argTypes: {
     dataTitle: {
       control: {

package/lib/recipes/NeutralInput.stories.js

@@ -2,7 +2,7 @@ import React from 'react';
 import CheckboxField from '../components/CheckboxField';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/NeutralCheckboxField'
+  title: 'Recipes/Neutral Checkbox Field'
 };
 var sx = {
   checkboxColor: {

package/lib/recipes/OneWayToBidirectionalArrow.stories.js

@@ -7,7 +7,7 @@ import Box from '../components/Box';
 import { Icon, ComboBoxField, Item, IconButton, IconButtonToggle } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/OneWayToBidirectionalArrow'
+  title: 'Recipes/One Way to Bidirectional Arrow'
 };
 var items = [{
   name: 'Last Name',

package/lib/recipes/RadioButtonsWithLinks.stories.js

@@ -7,7 +7,7 @@ import RadioField from '../components/RadioField';
 import RadioGroupField from '../components/RadioGroupField';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/RadioButtonsWithLinks'
+  title: 'Recipes/Radio Buttons with Links'
 };
 export var Default = function Default() {
   var roles = [{

package/lib/recipes/RowLineChart.stories.js

@@ -8,7 +8,7 @@ import { neutral } from '../styles/colors';
 import { Box, Button, SwitchField, Text, Tooltip, TooltipTrigger } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/RowLineChart',
+  title: 'Recipes/Row Line Chart',
   parameters: {
     chromatic: {
       diffThreshold: 0.9

package/lib/recipes/ScrollableListView.stories.js

@@ -10,7 +10,7 @@ import FormSelectIcon from 'mdi-react/FormSelectIcon';
 import { SearchField, ListView, Box, IconButton, ScrollBox, Text, Icon } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/ScrollableListView'
+  title: 'Recipes/Scrollable List View'
 };
 var unfilteredItems = [{
   key: 'Aardvark',

package/lib/recipes/StatsCircle.stories.js

@@ -4,7 +4,7 @@ import Text from '../components/Text';
 import { active } from '../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/StatsCircle'
+  title: 'Recipes/Stats Circle'
 };
 var sx = {
   statsCircle: {

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -5,7 +5,7 @@ import { Box, Button, HelpHint, Icon, Modal, OverlayProvider, Text } from '../in
 import useModalState from '../hooks/useModalState';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/TrialExperienceButtons'
+  title: 'Recipes/Trial Experience Buttons'
 };
 var headingTextStyle = {
   fontWeight: '3',

package/lib/recipes/TrialExperienceStatusBar.stories.js

@@ -9,7 +9,7 @@ import CheckCircleIcon from 'mdi-react/CheckCircleIcon';
 import { IconButton, Link, Box, Icon, Text, Separator } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/TrialExperienceNav'
+  title: 'Recipes/Trial Experience Nav'
 };
 
 var ArtIcon = function ArtIcon() {

package/lib/styles/variants/text.js

@@ -123,6 +123,11 @@ var expandableRow = {
     }
   }
 };
+var breadcrumbLi = {
+  'a.is-hovered.is-current ': {
+    textDecoration: 'none'
+  }
+};
 var breadcrumbLink = {
   color: 'active',
   fontFamily: 'standard',
@@ -237,6 +242,7 @@ export var text = {
     color: 'text.secondary',
     fontFamily: 'standard'
   }),
+  breadcrumbLi: breadcrumbLi,
   breadcrumbLink: breadcrumbLink,
   buttonLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
     fontSize: 'md',

package/package.json

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