@pingux/astro 1.40.1-alpha.3 → 1.41.0-alpha.0

package/lib/components/Box/Box.stories.js

@@ -4,13 +4,25 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import React from 'react';
 import Box from '.';
 import { Image, Text } from '../../index';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { pingImg } from '../../utils/devUtils/constants/images';
 import { flatColorList } from '../../styles/colors.js';
 import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
+import BoxReadme from './Box.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Box',
   component: Box,
+  parameters: {
+    docs: {
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BoxReadme, null), ___EmotionJSX(DocsLayout, null));
+      },
+      source: {
+        type: 'code'
+      }
+    }
+  },
   argTypes: {
     bg: {
       control: {

package/lib/components/Bracket/Bracket.stories.js

@@ -1,10 +1,22 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import { Box, Bracket, Chip, Text } from '../../index';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import BracketReadme from './Bracket.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Bracket',
-  component: Bracket
+  component: Bracket,
+  parameters: {
+    docs: {
+      source: {
+        type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BracketReadme, null), ___EmotionJSX(DocsLayout, null));
+      }
+    }
+  }
 };
 export var Default = function Default() {
   var anyConditions = [{

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -11,13 +11,6 @@ import { mergeProps } from '@react-aria/utils';
 import { Box, Icon } from '../../index';
 import { usePropWarning } from '../../hooks/';
 import BreadcrumbItem from './BreadcrumbItem';
-/**
- * Breadcrumbs component wrapping an array of `BreadcrumbItem` elements and icon,
- * which will be rendered between each node, sans last-child
- *
- * Utilizes [useBreadcrumbs](https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html) from React-Aria.
- * */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,

package/lib/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -4,6 +4,8 @@ import { action } from '@storybook/addon-actions';
 import { Item } from '@react-stately/collections';
 import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import Breadcrumbs from './Breadcrumbs';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import BreadcrumbsReadme from './Breadcrumbs.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Breadcrumbs',
@@ -12,6 +14,9 @@ export default {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BreadcrumbsReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
   },

package/lib/components/Button/Button.js

@@ -24,12 +24,6 @@ import { useFocusRing } from '@react-aria/focus';
 import { mergeProps } from '@react-aria/utils';
 import { useStatusClasses, usePropWarning, useAriaLabelWarning, useDeprecationWarning } from '../../hooks';
 import Loader from '../Loader';
-/**
- * Buttons are used to trigger actions or events.
- * This component is based on the [Button - Theme-UI](https://theme-ui.com/components/button/)
- * and includes a variety of styles, such as primary action, secondary action, or warning.
- */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,

package/lib/components/Button/Button.stories.js

@@ -6,7 +6,9 @@ import AddCircleIcon from 'mdi-react/AddCircleIcon';
 import CreateIcon from 'mdi-react/CreateIcon';
 import FilterIcon from 'mdi-react/FilterIcon';
 import { buttonVariants } from '../../utils/devUtils/constants/variants';
-import { Box, Button, Icon, SearchField, Text } from '../../index'; // removing the iconButton variants from this story.
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import { Box, Button, Icon, SearchField, Text } from '../../index';
+import ButtonReadme from './Button.mdx'; // removing the iconButton variants from this story.
 
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variants = buttonVariants;
@@ -43,6 +45,9 @@ export default {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ButtonReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
   }

package/lib/components/Callout/Callout.js

@@ -32,12 +32,7 @@ var defaultIconProps = {
   size: 'md'
 };
 /**
- *Callout is composed of the Box, Icon, and Text components. It's a persistent component
- that should be placed at the top of panels or above related content. If the Callouts
- status is error or warning, the text should include a direct link to instructions on resolving the
- issue or error.
- *
- *Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
+ Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
  component is recommended if you need to interrupt and notify users of successful/failed actions
  or give warnings of unexpected events.
  */

package/lib/components/Callout/Callout.stories.js

@@ -2,6 +2,8 @@ import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values"
 import React from 'react';
 import { Link, Text, Callout } from '../..';
 import statuses from '../../utils/devUtils/constants/statuses';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import CalloutReadme from './Callout.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Callout',
@@ -13,6 +15,16 @@ export default {
         options: _Object$values(statuses)
       }
     }
+  },
+  parameters: {
+    docs: {
+      source: {
+        type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CalloutReadme, null), ___EmotionJSX(DocsLayout, null));
+      }
+    }
   }
 }; // main
 
@@ -22,7 +34,7 @@ export var Default = function Default(args) {
     target: "_blank",
     "aria-label": "".concat(statuses.DEFAULT, "-callout"),
     variant: "app"
-  }, " Read More")));
+  }, ' ', "Read More")));
 };
 export var ErrorStatus = function ErrorStatus() {
   return ___EmotionJSX(Callout, {
@@ -32,7 +44,7 @@ export var ErrorStatus = function ErrorStatus() {
     target: "_blank",
     "aria-label": "".concat(statuses.ERROR, "-callout"),
     variant: "app"
-  }, " Read More")));
+  }, ' ', "Read More")));
 }; // Avoiding using Error as the function name due to it being a JS built-in method
 
 ErrorStatus.storyName = 'Error';
@@ -44,7 +56,7 @@ export var Success = function Success() {
     target: "_blank",
     "aria-label": "".concat(statuses.SUCCESS, "-callout"),
     variant: "app"
-  }, " Read More")));
+  }, ' ', "Read More")));
 };
 export var Warning = function Warning() {
   return ___EmotionJSX(Callout, {
@@ -54,5 +66,5 @@ export var Warning = function Warning() {
     target: "_blank",
     "aria-label": "".concat(statuses.WARNING, "-callout"),
     variant: "app"
-  }, " Read More")));
+  }, ' ', "Read More")));
 };

package/package.json

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