@pingux/astro 1.41.0 → 1.42.0-alpha.0

package/lib/components/HelpHint/HelpHint.js

@@ -21,13 +21,6 @@ var HelpIcon = function HelpIcon() {
     fill: "#3B4A58"
   }));
 };
-/**
- * A `HelpHint` is a composed component using tooltip trigger and icon button.
- *
- * For customization the trigger icon,
- * please see the [TooltipTrigger](./?path=/docs/tooltiptrigger--default) docs.
- */
-
 
 var HelpHint = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,

package/lib/components/HelpHint/HelpHint.stories.js

@@ -1,10 +1,19 @@
 import React from 'react';
 import HelpHint from '.';
 import Box from '../Box';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import HelpHintReadme from './HelpHint.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/HelpHint',
   component: HelpHint,
+  parameters: {
+    docs: {
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(HelpHintReadme, null), ___EmotionJSX(DocsLayout, null));
+      }
+    }
+  },
   argTypes: {
     children: {
       description: 'Tooltip content',

package/lib/components/Icon/Icon.js

@@ -17,19 +17,6 @@ import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import Box from '../Box';
 import { useTShirtSize } from '../../hooks';
-/**
- * Basic icon component.
- * Icons will fill the given container, which is '1em' x '1em' by default, and will maintain their
- * aspect ratio.
- * Use SVGR to import SVG files as React components and pass them into this component, and you can
- * use the theme to color the icon. But ensure you pass `dimensions: false` in webpack config
- * (see [SVGR docs](https://react-svgr.com/docs/options/#dimensions)).
- * Otherwise icon will not be resizable by `size` prop.
- * Icons can also be used from the [Material UI Icon Library](https://materialdesignicons.com/).
- * Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/) and uses the
- * available [props from Theme-UI](https://theme-ui.com/sx-prop).
-*/
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,

package/lib/components/Icon/Icon.stories.js

@@ -12,12 +12,17 @@ import { v4 as uuid } from 'uuid';
 import { Box, Icon, Table, TableBody, TableCell, TableHead, TableRow, Text } from '../../index';
 import { flatColorList } from '../../styles/colors';
 import { tShirtSizes } from '../../utils/devUtils/constants/tShirtSizes';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import IconReadme from './Icon.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Icon',
   component: Icon,
   parameters: {
     docs: {
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconReadme, null), ___EmotionJSX(DocsLayout, null));
+      },
       source: {
         type: 'code'
       }

package/package.json

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