@pingux/astro 2.102.0-alpha.1 → 2.102.0-alpha.3

package/lib/cjs/components/AIComponents/Prompt/Prompt.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '../../../types';
+declare const Prompt: (props: BoxProps) => React.JSX.Element;
+export default Prompt;

package/lib/cjs/components/AIComponents/Prompt/Prompt.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+var Prompt = function Prompt(props) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, others, {
+    variant: "prompt.container"
+  }), children);
+};
+var _default = Prompt;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Prompt/Prompt.stories.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Prompt/Prompt.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../../index");
+var _Prompt = _interopRequireDefault(require("./Prompt"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'AI Components/Prompt',
+  component: _Prompt["default"]
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_Prompt["default"], null, (0, _react2.jsx)(_index.Text, null, "Did my number of registrations go up or down in the last month?"));
+};
+exports.Default = Default;

package/lib/cjs/components/AIComponents/Prompt/Prompt.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/AIComponents/Prompt/Prompt.test.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../../index");
+var _testWrapper = require("../../../utils/testUtils/testWrapper");
+var _Prompt = _interopRequireDefault(require("./Prompt"));
+var _react2 = require("@emotion/react");
+var defaultProps = {
+  placeholder: 'Enter your prompt...',
+  label: 'Prompt'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_Prompt["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)(_index.Text, null, "Did my number of registrations go up or down in the last month?")));
+};
+test('Prompt component renders correctly', function () {
+  getComponent();
+  expect(_testWrapper.screen.getByText('Did my number of registrations go up or down in the last month?')).toBeInTheDocument();
+});

package/lib/cjs/components/AIComponents/Prompt/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Prompt';

package/lib/cjs/components/AIComponents/Prompt/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Prompt["default"];
+  }
+});
+var _Prompt = _interopRequireDefault(require("./Prompt"));

package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.d.ts

@@ -5,11 +5,11 @@ export default _default;
 export declare const Default: StoryFn<TooltipTriggerProps>;
 export declare const withAlignProp: StoryFn;
 export declare const withDirectionProp: StoryFn;
-export declare const withDelayProp: StoryFn;
-export declare const withWidthProp: StoryFn;
 export declare const withArrowCrossOffsetProp: StoryFn;
 export declare const isOpen: StoryFn;
-export declare const Disabled: StoryFn;
 export declare const IconWithTooltip: StoryFn;
 export declare const BadgeWithTooltip: StoryFn;
 export declare const TextWithTooltip: StoryFn;
+export declare const Disabled: StoryFn;
+export declare const withDelayProp: StoryFn;
+export declare const customWidth: StoryFn;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withWidthProp = exports.withDirectionProp = exports.withDelayProp = exports.withArrowCrossOffsetProp = exports.withAlignProp = exports.isOpen = exports["default"] = exports.TextWithTooltip = exports.IconWithTooltip = exports.Disabled = exports.Default = exports.BadgeWithTooltip = void 0;
+exports.withDirectionProp = exports.withDelayProp = exports.withArrowCrossOffsetProp = exports.withAlignProp = exports.isOpen = exports["default"] = exports.customWidth = exports.TextWithTooltip = exports.IconWithTooltip = exports.Disabled = exports.Default = exports.BadgeWithTooltip = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AccountIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountIcon"));
 var _EarthIcon = _interopRequireDefault(require("@pingux/mdi-react/EarthIcon"));
@@ -42,18 +42,6 @@ var withDirectionProp = function withDirectionProp() {
   }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display on the right"));
 };
 exports.withDirectionProp = withDirectionProp;
-var withDelayProp = function withDelayProp() {
-  return (0, _react2.jsx)(_index.TooltipTrigger, {
-    delay: 700
-  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display with a delay"));
-};
-exports.withDelayProp = withDelayProp;
-var withWidthProp = function withWidthProp() {
-  return (0, _react2.jsx)(_index.TooltipTrigger, {
-    width: "200px"
-  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Custom width display"));
-};
-exports.withWidthProp = withWidthProp;
 var withArrowCrossOffsetProp = function withArrowCrossOffsetProp() {
   return (0, _react2.jsx)(_index.TooltipTrigger, {
     arrowCrossOffset: "30px",
@@ -67,27 +55,6 @@ var isOpen = function isOpen() {
   }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display by default"));
 };
 exports.isOpen = isOpen;
-var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_index.TooltipTrigger, {
-    delay: 0,
-    isDisabled: true
-  }, (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Earth Icon"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _EarthIcon["default"],
-    title: {
-      name: 'Earth Icon'
-    }
-  })), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
-};
-exports.Disabled = Disabled;
-Disabled.parameters = {
-  docs: {
-    description: {
-      story: 'The tooltip can be disabled without disabling the button press events.'
-    }
-  }
-};
 var IconWithTooltip = function IconWithTooltip() {
   return (0, _react2.jsx)(_index.Box, {
     pl: 50
@@ -131,4 +98,37 @@ var TextWithTooltip = function TextWithTooltip() {
     variant: "variants.tooltip.inline"
   }, "Some text"), (0, _react2.jsx)(_index.Tooltip, null, "Useful tooltip")));
 };
-exports.TextWithTooltip = TextWithTooltip;
+exports.TextWithTooltip = TextWithTooltip;
+var Disabled = function Disabled() {
+  return (0, _react2.jsx)(_index.TooltipTrigger, {
+    delay: 0,
+    isDisabled: true
+  }, (0, _react2.jsx)(_index.IconButton, {
+    "aria-label": "Earth Icon"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _EarthIcon["default"],
+    title: {
+      name: 'Earth Icon'
+    }
+  })), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
+};
+exports.Disabled = Disabled;
+Disabled.parameters = {
+  docs: {
+    description: {
+      story: 'The tooltip can be disabled without disabling the button press events.'
+    }
+  }
+};
+var withDelayProp = function withDelayProp() {
+  return (0, _react2.jsx)(_index.TooltipTrigger, {
+    delay: 700
+  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display with a delay"));
+};
+exports.withDelayProp = withDelayProp;
+var customWidth = function customWidth() {
+  return (0, _react2.jsx)(_index.TooltipTrigger, {
+    width: "200px"
+  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Custom width display"));
+};
+exports.customWidth = customWidth;

package/lib/cjs/index.d.ts

@@ -6,6 +6,7 @@ export { default as AccordionGroup } from './components/AccordionGroup';
 export * from './components/AccordionGroup';
 export { default as AccordionItem } from './components/AccordionItem';
 export * from './components/AccordionItem';
+export { default as Prompt } from './components/AIComponents/Prompt';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/cjs/index.js

@@ -16,6 +16,7 @@ var _exportNames = {
   AccordionGridItem: true,
   AccordionGroup: true,
   AccordionItem: true,
+  Prompt: true,
   ArrayField: true,
   AstroWrapper: true,
   AstroProvider: true,
@@ -675,6 +676,12 @@ _Object$defineProperty(exports, "ProgressBar", {
     return _ProgressBar["default"];
   }
 });
+_Object$defineProperty(exports, "Prompt", {
+  enumerable: true,
+  get: function get() {
+    return _Prompt["default"];
+  }
+});
 _Object$defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -957,6 +964,7 @@ _forEachInstanceProperty(_context4 = _Object$keys(_AccordionItem)).call(_context
     }
   });
 });
+var _Prompt = _interopRequireDefault(require("./components/AIComponents/Prompt"));
 var _ArrayField = _interopRequireWildcard(require("./components/ArrayField"));
 _forEachInstanceProperty(_context5 = _Object$keys(_ArrayField)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/cjs/styles/themes/next-gen/convertedComponentList.js

@@ -17,7 +17,7 @@ var componentSpecificNextGenBlacklist = {
   OverlayPanel: ['Expandable']
 };
 exports.componentSpecificNextGenBlacklist = componentSpecificNextGenBlacklist;
-var nextGenOnlyComponents = ['NavigationHeader'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -2244,6 +2244,16 @@ declare const _default: {
                 lineHeight: string;
             };
         };
+        prompt: {
+            container: {
+                backgroundColor: string;
+                maxWidth: string;
+                width: string;
+                p: string;
+                borderRadius: string;
+                marginLeft: string;
+            };
+        };
         tabs: {
             gap: string;
         };

package/lib/cjs/styles/themes/next-gen/variants/prompt.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    container: {
+        backgroundColor: string;
+        maxWidth: string;
+        width: string;
+        p: string;
+        borderRadius: string;
+        marginLeft: string;
+    };
+};
+export default _default;

package/lib/cjs/styles/themes/next-gen/variants/prompt.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var container = {
+  backgroundColor: 'light',
+  maxWidth: '100%',
+  width: 'fit-content',
+  p: 'md',
+  borderRadius: '4px',
+  marginLeft: 'auto'
+};
+var _default = {
+  container: container
+};
+exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -783,6 +783,16 @@ declare const _default: {
             lineHeight: string;
         };
     };
+    prompt: {
+        container: {
+            backgroundColor: string;
+            maxWidth: string;
+            width: string;
+            p: string;
+            borderRadius: string;
+            marginLeft: string;
+        };
+    };
     tabs: {
         gap: string;
     };

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -22,6 +22,7 @@ var _listview = require("./listview");
 var _menu = require("./menu");
 var _messages = require("./messages");
 var _navbar = require("./navbar");
+var _prompt = _interopRequireDefault(require("./prompt"));
 var _tabs = require("./tabs");
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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; }
@@ -286,6 +287,7 @@ var _default = {
   listView: _listview.listView,
   dataTable: dataTable,
   codeView: _codeView["default"],
+  prompt: _prompt["default"],
   tabs: _tabs.tabs,
   menu: _menu.menu,
   iconWrapper: _iconWrapper["default"],

package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js

@@ -27,7 +27,7 @@ var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTh
   }
   // if the component has NOT been converted, and the active theme is NextGen
   // return the coming soon message
-  if (isStoryInNextGen === false && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
+  if (isStoryInNextGen === false && isNextGenOnlyComponent === false && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
     return true;
   }
   // if the component is a NextGen ONLY component, and the selected theme is Astro,

package/lib/components/AIComponents/Prompt/Prompt.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import Box from '../../Box';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var Prompt = function Prompt(props) {
+  var children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return ___EmotionJSX(Box, _extends({}, others, {
+    variant: "prompt.container"
+  }), children);
+};
+export default Prompt;

package/lib/components/AIComponents/Prompt/Prompt.stories.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from '../../../index';
+import Prompt from './Prompt';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'AI Components/Prompt',
+  component: Prompt
+};
+export var Default = function Default() {
+  return ___EmotionJSX(Prompt, null, ___EmotionJSX(Text, null, "Did my number of registrations go up or down in the last month?"));
+};

package/lib/components/AIComponents/Prompt/Prompt.test.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { Text } from '../../../index';
+import { render, screen } from '../../../utils/testUtils/testWrapper';
+import Prompt from './Prompt';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var defaultProps = {
+  placeholder: 'Enter your prompt...',
+  label: 'Prompt'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Prompt, _extends({}, defaultProps, props), ___EmotionJSX(Text, null, "Did my number of registrations go up or down in the last month?")));
+};
+test('Prompt component renders correctly', function () {
+  getComponent();
+  expect(screen.getByText('Did my number of registrations go up or down in the last month?')).toBeInTheDocument();
+});

package/lib/components/AIComponents/Prompt/index.js

@@ -0,0 +1 @@
+export { default } from './Prompt';

package/lib/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -30,16 +30,6 @@ export var withDirectionProp = function withDirectionProp() {
     direction: "right"
   }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display on the right"));
 };
-export var withDelayProp = function withDelayProp() {
-  return ___EmotionJSX(TooltipTrigger, {
-    delay: 700
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
-};
-export var withWidthProp = function withWidthProp() {
-  return ___EmotionJSX(TooltipTrigger, {
-    width: "200px"
-  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
-};
 export var withArrowCrossOffsetProp = function withArrowCrossOffsetProp() {
   return ___EmotionJSX(TooltipTrigger, {
     arrowCrossOffset: "30px",
@@ -51,26 +41,6 @@ export var isOpen = function isOpen() {
     isOpen: true
   }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display by default"));
 };
-export var Disabled = function Disabled() {
-  return ___EmotionJSX(TooltipTrigger, {
-    delay: 0,
-    isDisabled: true
-  }, ___EmotionJSX(IconButton, {
-    "aria-label": "Earth Icon"
-  }, ___EmotionJSX(Icon, {
-    icon: Earth,
-    title: {
-      name: 'Earth Icon'
-    }
-  })), ___EmotionJSX(Tooltip, null, "Hello World"));
-};
-Disabled.parameters = {
-  docs: {
-    description: {
-      story: 'The tooltip can be disabled without disabling the button press events.'
-    }
-  }
-};
 export var IconWithTooltip = function IconWithTooltip() {
   return ___EmotionJSX(Box, {
     pl: 50
@@ -111,4 +81,34 @@ export var TextWithTooltip = function TextWithTooltip() {
   }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
     variant: "variants.tooltip.inline"
   }, "Some text"), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
+};
+export var Disabled = function Disabled() {
+  return ___EmotionJSX(TooltipTrigger, {
+    delay: 0,
+    isDisabled: true
+  }, ___EmotionJSX(IconButton, {
+    "aria-label": "Earth Icon"
+  }, ___EmotionJSX(Icon, {
+    icon: Earth,
+    title: {
+      name: 'Earth Icon'
+    }
+  })), ___EmotionJSX(Tooltip, null, "Hello World"));
+};
+Disabled.parameters = {
+  docs: {
+    description: {
+      story: 'The tooltip can be disabled without disabling the button press events.'
+    }
+  }
+};
+export var withDelayProp = function withDelayProp() {
+  return ___EmotionJSX(TooltipTrigger, {
+    delay: 700
+  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
+};
+export var customWidth = function customWidth() {
+  return ___EmotionJSX(TooltipTrigger, {
+    width: "200px"
+  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
 };

package/lib/index.js

@@ -10,6 +10,7 @@ export { default as AccordionGroup } from './components/AccordionGroup';
 export * from './components/AccordionGroup';
 export { default as AccordionItem } from './components/AccordionItem';
 export * from './components/AccordionItem';
+export { default as Prompt } from './components/AIComponents/Prompt';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/styles/themes/next-gen/convertedComponentList.js

@@ -9,5 +9,5 @@ export var componentSpecificNextGenBlacklist = {
   TextField: ['Success'],
   OverlayPanel: ['Expandable']
 };
-export var nextGenOnlyComponents = ['NavigationHeader'];
+export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt'];
 export default nextGenConvertedComponents;

package/lib/styles/themes/next-gen/variants/prompt.js

@@ -0,0 +1,11 @@
+var container = {
+  backgroundColor: 'light',
+  maxWidth: '100%',
+  width: 'fit-content',
+  p: 'md',
+  borderRadius: '4px',
+  marginLeft: 'auto'
+};
+export default {
+  container: container
+};

package/lib/styles/themes/next-gen/variants/variants.js

@@ -17,6 +17,7 @@ import { listView, listViewItem } from './listview';
 import { menu, menuItem } from './menu';
 import { message } from './messages';
 import { navBar } from './navbar';
+import prompt from './prompt';
 import { menuTab, tab, tabs } from './tabs';
 var fieldHelperText = {
   title: {
@@ -277,6 +278,7 @@ export default {
   listView: listView,
   dataTable: dataTable,
   codeView: codeView,
+  prompt: prompt,
   tabs: tabs,
   menu: menu,
   iconWrapper: iconWrapper,

package/lib/utils/devUtils/shouldReturnComingSoon.js

@@ -14,7 +14,7 @@ export var shouldReturnComingSoon = function shouldReturnComingSoon(context, sel
   }
   // if the component has NOT been converted, and the active theme is NextGen
   // return the coming soon message
-  if (isStoryInNextGen === false && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
+  if (isStoryInNextGen === false && isNextGenOnlyComponent === false && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
     return true;
   }
   // if the component is a NextGen ONLY component, and the selected theme is Astro,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.102.0-alpha.1",
+  "version": "2.102.0-alpha.3",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",