@pingux/astro 2.104.0 → 2.105.0-alpha.1

package/lib/cjs/components/TextField/TextField.test.js

@@ -10,6 +10,7 @@ var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
+var _universalFormSubmitTest = require("../../utils/testUtils/universalFormSubmitTest");
 var _ = _interopRequireDefault(require("."));
 var _react3 = require("@emotion/react");
 var testId = 'test-text-field';
@@ -22,6 +23,14 @@ var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _react2.render)((0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
+(0, _universalFormSubmitTest.universalFieldComponentTests)({
+  renderComponent: function renderComponent(props) {
+    return (0, _react3.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props));
+  },
+  testValue: 'testvalue',
+  testLabel: testLabel,
+  componentType: 'TextField'
+});
 
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const baseState: {
-    isNextGen: boolean;
+    isOnyx: boolean;
     isAstro: boolean;
-    isNextGenDark: boolean;
+    isOnyxDark: boolean;
     isCustom: boolean;
 };
 declare const useGetTheme: () => {
@@ -36,9 +36,9 @@ declare const useGetTheme: () => {
         lg: number;
     };
     themeState: {
-        isNextGen: boolean;
+        isOnyx: boolean;
         isAstro: boolean;
-        isNextGenDark: boolean;
+        isOnyxDark: boolean;
         isCustom: boolean;
     };
     name: string;
@@ -66,8 +66,8 @@ declare const useGetTheme: () => {
     name: string;
     themeState: {
         isAstro: boolean;
-        isNextGen: boolean;
-        isNextGenDark: boolean;
+        isOnyx: boolean;
+        isOnyxDark: boolean;
         isCustom: boolean;
     };
 };

package/lib/cjs/hooks/useGetTheme/useGetTheme.js

@@ -24,9 +24,9 @@ var _themes = require("../../utils/devUtils/constants/themes");
 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; } /* eslint-disable no-else-return */
 var baseState = {
-  isNextGen: false,
+  isOnyx: false,
   isAstro: false,
-  isNextGenDark: false,
+  isOnyxDark: false,
   isCustom: false
 };
 exports.baseState = baseState;
@@ -36,17 +36,17 @@ var astroState = _objectSpread({
     isAstro: true
   })
 }, _customProperties2.astroThemeValues);
-var nextGenState = _objectSpread({
+var onyxState = _objectSpread({
   themeState: _objectSpread(_objectSpread({}, baseState), {}, {
-    isNextGen: true
+    isOnyx: true
   }),
   name: _themes.themes.NEXT_GEN
 }, _customProperties3.nextGenThemeValues);
-var nextGenDarkState = _objectSpread({
+var onyxDarkState = _objectSpread({
   name: _themes.themes.NEXT_GEN_DARK,
   themeState: _objectSpread(_objectSpread({}, baseState), {}, {
-    isNextGen: true,
-    isNextGenDark: true
+    isOnyx: true,
+    isOnyxDark: true
   })
 }, _customProperties.nextGenDarkThemeValues);
 var customThemeState = _objectSpread({
@@ -57,13 +57,13 @@ var customThemeState = _objectSpread({
 }, _customProperties2.astroThemeValues);
 var getTheme = function getTheme(theme) {
   if (theme === _themes.themes.NEXT_GEN) {
-    return _objectSpread({}, nextGenState);
+    return _objectSpread({}, onyxState);
   }
   if (theme === _themes.themes.ASTRO) {
     return _objectSpread({}, astroState);
   }
   if (theme === _themes.themes.NEXT_GEN_DARK) {
-    return _objectSpread({}, nextGenDarkState);
+    return _objectSpread({}, onyxDarkState);
   }
   return _objectSpread({}, customThemeState);
 };

package/lib/cjs/hooks/useGetTheme/useGetTheme.test.js

@@ -45,7 +45,7 @@ describe('useGetTheme', function () {
       result = _renderHook.result;
     expect(result.current.name).toBe(_themes.themes.NEXT_GEN);
     expect(result.current.themeState).toEqual(_objectSpread(_objectSpread({}, _useGetTheme.baseState), {}, {
-      isNextGen: true
+      isOnyx: true
     }));
   });
 });
@@ -63,8 +63,8 @@ describe('useGetTheme', function () {
       result = _renderHook2.result;
     expect(result.current.name).toBe(_themes.themes.NEXT_GEN_DARK);
     expect(result.current.themeState).toEqual(_objectSpread(_objectSpread({}, _useGetTheme.baseState), {}, {
-      isNextGen: true,
-      isNextGenDark: true
+      isOnyx: true,
+      isOnyxDark: true
     }));
   });
 });

package/lib/cjs/index.d.ts

@@ -198,7 +198,9 @@ export * from './components/TooltipTrigger';
 export { default as TreeView } from './components/TreeView';
 export * from './components/TreeView';
 export { default as NextGenDarkTheme } from './styles/themeOverrides/nextGenDarkMode';
+export { default as OnyxDarkTheme } from './styles/themeOverrides/nextGenDarkMode';
 export { default as NextGenTheme } from './styles/themes/next-gen';
+export { default as OnyxTheme } from './styles/themes/next-gen';
 export * from './types';
 export { OverlayProvider, useOverlayPosition, useOverlayTrigger } from 'react-aria';
 export { Item, Section, useOverlayTriggerState, useTreeData } from 'react-stately';

package/lib/cjs/index.js

@@ -135,7 +135,9 @@ var _exportNames = {
   TooltipTrigger: true,
   TreeView: true,
   NextGenDarkTheme: true,
+  OnyxDarkTheme: true,
   NextGenTheme: true,
+  OnyxTheme: true,
   OverlayProvider: true,
   useOverlayPosition: true,
   useOverlayTrigger: true,
@@ -629,6 +631,18 @@ _Object$defineProperty(exports, "NumberField", {
     return _NumberField["default"];
   }
 });
+_Object$defineProperty(exports, "OnyxDarkTheme", {
+  enumerable: true,
+  get: function get() {
+    return _nextGenDarkMode["default"];
+  }
+});
+_Object$defineProperty(exports, "OnyxTheme", {
+  enumerable: true,
+  get: function get() {
+    return _nextGen["default"];
+  }
+});
 _Object$defineProperty(exports, "OverlayPanel", {
   enumerable: true,
   get: function get() {

package/lib/cjs/recipes/NextGen/ListViewNextGen.stories.js

@@ -11,7 +11,7 @@ var _index = require("../../index");
 var _ListViewNextGenComponent = require("../../styles/themes/next-gen/stories/ListViewNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/ListView'
+  title: 'Onyx Recipes/ListView'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/recipes/NextGen/ModalNextGen.stories.js

@@ -11,7 +11,7 @@ var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/Modal'
+  title: 'Onyx Recipes/Modal'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _NavBarNextGenComponent = require("../../styles/themes/next-gen/stories/NavBarNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/NavBar'
+  title: 'Onyx Recipes/NavBar'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _DataTableNextGenComponent = require("../../styles/themes/next-gen/stories/DataTableNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/DataTable'
+  title: 'Onyx Recipes/DataTable'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _DataTableNextGenComponent = require("../../../themes/next-gen/stories/DataTableNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen Dark DataTable'
+  title: 'Chromatic Only Onyx Dark DataTable'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _ListViewNextGenComponent = require("../../../themes/next-gen/stories/ListViewNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen Dark ListView'
+  title: 'Chromatic Only Onyx Dark ListView'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _NavBarNextGenComponent = require("../../../themes/next-gen/stories/NavBarNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen Dark NavBar'
+  title: 'Chromatic Only Onyx Dark NavBar'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _StickerSheetComponent = _interopRequireDefault(require("../../../themes/next-gen/stories/StickerSheetComponent"));
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen Dark Sticker Sheet'
+  title: 'Chromatic Only Onyx Dark Sticker Sheet'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js

@@ -46,7 +46,7 @@ var checkbox = {
 exports.checkbox = checkbox;
 var selectOption = {
   backgroundColor: 'background.base',
-  color: 'magenta !important',
+  color: 'text.primary',
   px: 'md',
   py: 'sm',
   alignItems: 'center',

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.js

@@ -98,7 +98,7 @@ var navBar = {
   item: {
     px: '1rem',
     py: '.75rem',
-    color: 'magenta !important',
+    color: 'text.primary',
     fontFamily: 'standard',
     '&.is-hovered': {
       backgroundColor: 'background.hover'

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

@@ -730,6 +730,58 @@ declare const _default: {
                 transition: string;
                 outline: string;
             };
+            onyx: {
+                path: {
+                    fill: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                maxHeight: string;
+                maxWidth: string;
+                width: string;
+                p: string;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+                minWidth: string;
+                cursor: string;
+                fontFamily: string;
+                fontSize: string;
+                flexGrow: string;
+                fontWeight: number;
+                textAlign: string;
+                verticalAlign: string;
+                lineHeight: number;
+                borderRadius: string;
+                border: string;
+                px: string;
+                py: string;
+                height: string;
+                '&.is-disabled': {
+                    opacity: number;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                transition: string;
+                outline: string;
+            };
             modalCloseButton: {
                 position: string;
                 top: number;
@@ -1549,6 +1601,24 @@ declare const _default: {
                 color: string;
             };
         };
+        onyx: {
+            color: string;
+            fontSize: string;
+            py: string;
+            px: string;
+            textDecoration: string;
+            borderRadius: string;
+            lineHeight: string;
+            minHeight: string;
+            fontFamily: string;
+            cursor: string;
+            '&.is-hovered': {
+                color: string;
+            };
+            '&.is-pressed': {
+                color: string;
+            };
+        };
         sideNav: {
             px: string;
             display: string;

package/lib/cjs/styles/themes/next-gen/stories/DataTableNextGenComponent.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _index = require("../../../../index");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/DataTable'
+  title: 'Onyx Recipes/DataTable'
 };
 exports["default"] = _default;
 var getCellProps = function getCellProps(columnKey, align) {

package/lib/cjs/styles/themes/next-gen/stories/NextGenDataTable.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _DataTableNextGenComponent = require("./DataTableNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen DataTable'
+  title: 'Chromatic Only Onyx DataTable'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themes/next-gen/stories/NextGenListView.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _ListViewNextGenComponent = require("./ListViewNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen ListView'
+  title: 'Chromatic Only Onyx ListView'
 };
 exports["default"] = _default;
 var Default = function Default() {

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

@@ -1,7 +1,6 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: string;
 };
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/lib/cjs/styles/themes/next-gen/stories/NextGenListViewItem.stories.js

@@ -11,8 +11,7 @@ var _ = require("../../../..");
 var _ListViewItemNextGen = require("./ListViewItemNextGen");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Next Gen Recipes/NextGen ListViewItem',
-  component: 'Tabs'
+  title: 'Onyx Recipes/ListViewItem'
 };
 exports["default"] = _default;
 var item = {

package/lib/cjs/styles/themes/next-gen/stories/NextGenNavBar.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _NavBarNextGenComponent = require("./NavBarNextGenComponent");
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'Chromatic Only NextGen NavBar'
+  title: 'Chromatic Only Onyx NavBar'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themes/next-gen/stories/NextGenStickerSheet.chromatic.stories.js

@@ -11,7 +11,7 @@ var _ = require("../../../..");
 var _StickerSheetComponent = _interopRequireDefault(require("./StickerSheetComponent"));
 var _react2 = require("@emotion/react");
 var _default = {
-  title: 'NextGen Sticker Sheet'
+  title: 'Onyx Sticker Sheet'
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/styles/themes/next-gen/stories/StickerSheetComponent.js

@@ -178,7 +178,7 @@ var StickerSheetComponent = function StickerSheetComponent() {
     }
   })), (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "default icon button",
-    variant: "nextGen"
+    variant: "onyx"
   }, (0, _react2.jsx)(_index.Icon, {
     icon: _DeleteIcon["default"],
     title: {

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

@@ -498,6 +498,58 @@ declare const buttons: {
             transition: string;
             outline: string;
         };
+        onyx: {
+            path: {
+                fill: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            maxHeight: string;
+            maxWidth: string;
+            width: string;
+            p: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            minWidth: string;
+            cursor: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+            outline: string;
+        };
         modalCloseButton: {
             position: string;
             top: number;

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

@@ -221,33 +221,35 @@ var modalCloseButton = _objectSpread(_objectSpread({}, baseIconButton), {}, {
   top: 22,
   right: 22
 });
+var onyxIconButton = _objectSpread(_objectSpread(_objectSpread({}, baseIconButton), secondary), {}, {
+  path: {
+    fill: 'blue'
+  },
+  '&.is-hovered': {
+    backgroundColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.075, 'rgb').hex(),
+    path: {
+      fill: 'white'
+    }
+  },
+  '&.is-pressed': {
+    backgroundColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.125, 'rgb').hex(),
+    borderColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.125, 'rgb').hex(),
+    path: {
+      fill: 'white'
+    }
+  },
+  maxHeight: '48.5px',
+  maxWidth: '48.5px',
+  width: '48.5px',
+  p: 'sm',
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+});
 var iconButtons = {
   base: _objectSpread({}, baseIconButton),
-  nextGen: _objectSpread(_objectSpread(_objectSpread({}, baseIconButton), secondary), {}, {
-    path: {
-      fill: 'blue'
-    },
-    '&.is-hovered': {
-      backgroundColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.075, 'rgb').hex(),
-      path: {
-        fill: 'white'
-      }
-    },
-    '&.is-pressed': {
-      backgroundColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.125, 'rgb').hex(),
-      borderColor: _chromaJs["default"].mix(primaryBlue, 'black', 0.125, 'rgb').hex(),
-      path: {
-        fill: 'white'
-      }
-    },
-    maxHeight: '48.5px',
-    maxWidth: '48.5px',
-    width: '48.5px',
-    p: 'sm',
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }),
+  nextGen: _objectSpread({}, onyxIconButton),
+  onyx: _objectSpread({}, onyxIconButton),
   modalCloseButton: modalCloseButton,
   badge: {
     deleteButton: _objectSpread(_objectSpread({}, baseIconButton), {}, {

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

@@ -17,6 +17,24 @@ declare const _default: {
             color: string;
         };
     };
+    onyx: {
+        color: string;
+        fontSize: string;
+        py: string;
+        px: string;
+        textDecoration: string;
+        borderRadius: string;
+        lineHeight: string;
+        minHeight: string;
+        fontFamily: string;
+        cursor: string;
+        '&.is-hovered': {
+            color: string;
+        };
+        '&.is-pressed': {
+            color: string;
+        };
+    };
     sideNav: {
         px: string;
         display: string;

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

@@ -34,6 +34,7 @@ var nextGen = {
     color: 'blue-600'
   }
 };
+var onyx = _objectSpread({}, nextGen);
 var sideNav = _objectSpread(_objectSpread({}, nextGen), {}, {
   px: '0',
   display: 'block',
@@ -63,6 +64,7 @@ var footerHeader = _objectSpread(_objectSpread({}, footerLinks), {}, {
 });
 var _default = {
   nextGen: nextGen,
+  onyx: onyx,
   sideNav: sideNav,
   footerLinks: footerLinks,
   footerHeader: footerHeader

package/lib/cjs/types/codeView.d.ts

@@ -16,6 +16,6 @@ export interface CodeViewProps extends HoverProps, StyleProps {
     textToCopy?: string;
     sx?: ThemeUICSSObject;
     stylesProp?: ThemeUICSSObject;
-    isNextGen?: boolean;
+    isOnyx?: boolean;
     iconButtonProps?: IconButtonProps;
 }

package/lib/cjs/types/selectField.d.ts

@@ -22,4 +22,5 @@ export interface SelectFieldBaseProps extends UseSelectFieldReturnProps<object>,
     trigger?: React.ReactNode;
     defaultText?: string;
     selectProps?: Record<string, unknown>;
+    isDisabled?: boolean;
 }

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

@@ -18,8 +18,11 @@ var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTh
   var _context;
   var story = context.name;
   var component = context.title.split('/')[1];
-  var isNextGenOnlyComponent = (0, _includes["default"])(_convertedComponentList.nextGenOnlyComponents).call(_convertedComponentList.nextGenOnlyComponents, component) || context.title.split('/')[0] === 'Next Gen Recipes';
+  var isNextGenOnlyComponent = (0, _includes["default"])(_convertedComponentList.nextGenOnlyComponents).call(_convertedComponentList.nextGenOnlyComponents, component) || context.title.split('/')[0] === 'Onyx Recipes';
   var isStoryInNextGen = (0, _includes["default"])(_convertedComponentList["default"]).call(_convertedComponentList["default"], component);
+  if (isNextGenOnlyComponent && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
+    return false;
+  }
 
   // if a specific story has not been converted, return the coming soon message
   if (_convertedComponentList.componentSpecificNextGenBlacklist[component] && (0, _includes["default"])(_context = _convertedComponentList.componentSpecificNextGenBlacklist[component]).call(_context, story) && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {

package/lib/cjs/utils/testUtils/universalFormSubmitTest.d.ts

@@ -0,0 +1,6 @@
+export declare const universalFieldComponentTests: ({ renderComponent, testValue, testLabel, componentType, }: {
+    renderComponent: any;
+    testValue: any;
+    testLabel: any;
+    componentType: any;
+}) => void;