@carbon/ibm-products 2.23.0 → 2.25.0

package/lib/components/BreadcrumbWithOverflow/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BreadcrumbWithOverflow", {
-  enumerable: true,
-  get: function get() {
-    return _BreadcrumbWithOverflow.BreadcrumbWithOverflow;
-  }
-});
-var _BreadcrumbWithOverflow = require("./BreadcrumbWithOverflow");

package/lib/components/ButtonMenu/ButtonMenu.js

@@ -1,136 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonMenu = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _settings = require("../../settings");
-var _react2 = require("@carbon/react");
-var _excluded = ["children", "className", "iconDescription", "kind", "label", "menuAriaLabel", "menuOptionsClass", "renderIcon", "size"];
-/**
- * Copyright IBM Corp. 2021, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Import portions of React that are needed.
-// Other standard imports.
-// Carbon and package components we use.
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--button-menu");
-var componentName = 'ButtonMenu';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
-// Default values for props
-var defaults = {
-  size: 'lg',
-  kind: 'primary'
-};
-
-/**
- * Combining a standard button with an overflow menu, this component appears
- * as a button and has all the usual carbon Button props and rendering, but
- * acts as an overflow menu when clicked. The ButtonMenu component can contain
- * zero to many ButtonMenuItem, which is identical to the carbon
- * OverflowMenuItem component.
- */
-var ButtonMenu = exports.ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    iconDescription = _ref.iconDescription,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
-    label = _ref.label,
-    menuAriaLabel = _ref.menuAriaLabel,
-    menuOptionsClass = _ref.menuOptionsClass,
-    Icon = _ref.renderIcon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var carbonPrefix = (0, _react2.usePrefix)();
-  return /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass,
-    // Apply the block class to the main HTML element
-    className, // Apply any supplied class names to the main HTML element.
-    "".concat(carbonPrefix, "--btn--").concat(size), (0, _defineProperty2.default)({}, "".concat(blockClass, "__wrapper--").concat(kind), kind)),
-    "aria-label": menuAriaLabel,
-    menuOptionsClass: (0, _classnames.default)("".concat(blockClass, "__options"), menuOptionsClass),
-    size: size,
-    renderIcon: function renderIcon() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)("".concat(blockClass, "__trigger"))
-      }, label, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
-        "aria-hidden": "true",
-        "aria-label": iconDescription,
-        className: "".concat(carbonPrefix, "--btn__icon")
-      }));
-    },
-    innerRef: ref
-  }), children);
-});
-ButtonMenu.deprecated = {
-  level: 'warn',
-  details: "Please replace ".concat(componentName, " with Carbon's MenuButton")
-};
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.ButtonMenu = ButtonMenu = _settings.pkg.checkComponentEnabled(ButtonMenu, componentName);
-
-// The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-ButtonMenu.displayName = componentName;
-
-// The types and DocGen commentary for the component props,
-// in alphabetical order (for consistency).
-// See https://www.npmjs.com/package/prop-types#usage.
-ButtonMenu.propTypes = {
-  /**
-   * Provide the contents of the ButtonMenu. This should be one or more
-   * ButtonMenuItem components.
-   */
-  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: _propTypes.default.string,
-  /**
-   * If specifying the `renderIcon` prop, provide a description for that icon that can
-   * be read by screen readers
-   */
-  iconDescription: _react2.Button.propTypes.iconDescription,
-  /**
-   * The three types the menu button supports: primary, tertiary and ghost.
-   */
-  kind: _propTypes.default.oneOf(['primary', 'tertiary', 'ghost']),
-  /**
-   * The button label for the menu trigger.
-   */
-  label: _propTypes.default.node,
-  /**
-   * Provide the ariaLabel prop to be passed to the OverflowMenu. This is distinctly
-   * separate from `label` to support icon only ButtonMenus
-   */
-  menuAriaLabel: _propTypes.default.string.isRequired,
-  /**
-   * class name applied to the overflow options
-   */
-  menuOptionsClass: _propTypes.default.string,
-  /**
-   * Optional prop to allow overriding the icon rendering.
-   * Can be a React component class
-   */
-  renderIcon: _react2.Button.propTypes.renderIcon,
-  /**
-   * The size of the button for the menu trigger.
-   * The menu button supports: sm, md, lg
-   */
-  size: _propTypes.default.oneOf(['sm', 'md', 'lg'])
-};

package/lib/components/ButtonMenu/ButtonMenuItem.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonMenuItem = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _settings = require("../../settings");
-var _react2 = require("@carbon/react");
-/**
- * Copyright IBM Corp. 2021, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// Import portions of React that are needed.
-
-// Other standard imports.
-
-// Carbon and package components we use.
-
-var componentName = 'ButtonMenuItem';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
-/**
- * A menu item to include in a button menu component. This component has the
- * same props and behaviors as carbon OverflowMenuItem.
- */
-var ButtonMenuItem = exports.ButtonMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, (0, _extends2.default)({}, props, {
-    ref: ref
-  }));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.ButtonMenuItem = ButtonMenuItem = _settings.pkg.checkComponentEnabled(ButtonMenuItem, componentName);
-ButtonMenuItem.propTypes = _react2.OverflowMenuItem.propTypes;

package/lib/components/ButtonMenu/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonMenu", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonMenu.ButtonMenu;
-  }
-});
-Object.defineProperty(exports, "ButtonMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonMenuItem.ButtonMenuItem;
-  }
-});
-var _ButtonMenu = require("./ButtonMenu");
-var _ButtonMenuItem = require("./ButtonMenuItem");

package/lib/components/ButtonSetWithOverflow/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonSetWithOverflow", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonSetWithOverflow.ButtonSetWithOverflow;
-  }
-});
-var _ButtonSetWithOverflow = require("./ButtonSetWithOverflow");

package/lib/components/Card/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card.Card;
-  }
-});
-Object.defineProperty(exports, "CardFooter", {
-  enumerable: true,
-  get: function get() {
-    return _CardFooter.CardFooter;
-  }
-});
-Object.defineProperty(exports, "CardHeader", {
-  enumerable: true,
-  get: function get() {
-    return _CardHeader.CardHeader;
-  }
-});
-var _Card = require("./Card");
-var _CardHeader = require("./CardHeader");
-var _CardFooter = require("./CardFooter");

package/lib/components/Carousel/Carousel.docs-page.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
-var stories = _interopRequireWildcard(require("./Carousel.stories"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DocsPage = function DocsPage() {
-  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
-    blocks: [{
-      story: stories.carousel
-    }]
-  });
-};
-var _default = exports.default = DocsPage;

package/lib/components/Carousel/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _Carousel.Carousel;
-  }
-});
-Object.defineProperty(exports, "CarouselItem", {
-  enumerable: true,
-  get: function get() {
-    return _CarouselItem.CarouselItem;
-  }
-});
-var _Carousel = require("./Carousel");
-var _CarouselItem = require("./CarouselItem");

package/lib/components/Carousel/utils.js

@@ -1,105 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWindowEvent = exports.useIsOverflow = exports.useIntersection = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var useIntersection = exports.useIntersection = function useIntersection(element, threshold) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isVisible = _useState2[0],
-    setState = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var el = element.current;
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
-        entry = _ref2[0];
-      setState(entry.isIntersecting);
-    }, {
-      threshold: threshold
-    });
-    el && observer.observe(el);
-    return function () {
-      return observer.unobserve(el);
-    };
-  }, [element, threshold]);
-  return isVisible;
-};
-var useIsOverflow = exports.useIsOverflow = function useIsOverflow(ref) {
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isScrollable = _useState4[0],
-    setIsScrollable = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    mutationObserver = _useState6[0],
-    setMutationObserver = _useState6[1];
-  var _useState7 = (0, _react.useState)(),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    resizeObserver = _useState8[0],
-    setResizeObserver = _useState8[1];
-  var checkOverflow = (0, _react.useCallback)(function () {
-    if (!ref.current) {
-      return;
-    }
-    var hasOverflow = ref.current.scrollWidth > ref.current.clientWidth;
-    setIsScrollable(hasOverflow);
-  }, [ref]);
-  (0, _react.useEffect)(function () {
-    if (!mutationObserver) {
-      return;
-    }
-    return function () {
-      if (mutationObserver) {
-        mutationObserver.disconnect();
-      }
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  });
-  (0, _react.useLayoutEffect)(function () {
-    var current = ref.current;
-    if (current) {
-      if ('ResizeObserver' in window && !resizeObserver) {
-        setResizeObserver(new ResizeObserver(checkOverflow).observe(current));
-      }
-      if ('MutationObserver' in window && !mutationObserver) {
-        setMutationObserver(new MutationObserver(checkOverflow).observe(current, {
-          attributes: false,
-          childList: true,
-          subtree: false
-        }));
-      }
-      checkOverflow();
-    }
-  }, [ref, checkOverflow, mutationObserver, resizeObserver]);
-  return isScrollable;
-};
-var useWindowEvent = exports.useWindowEvent = function useWindowEvent(eventName, callback) {
-  var savedCallback = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    savedCallback.current = callback;
-  });
-  (0, _react.useEffect)(function () {
-    function handler(event) {
-      if (savedCallback.current) {
-        savedCallback.current(event);
-      }
-    }
-    window.addEventListener(eventName, handler);
-    return function () {
-      window.removeEventListener(eventName, handler);
-    };
-  }, [eventName]);
-};

package/lib/components/Cascade/Cascade.docs-page.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
-var stories = _interopRequireWildcard(require("./Cascade.stories"));
-var _blocks = require("@storybook/blocks");
-var _storyHelper = require("../../global/js/utils/story-helper");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DocsPage = function DocsPage() {
-  var _useOf = (0, _blocks.useOf)('meta', ['meta']),
-    csfFile = _useOf.csfFile;
-  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
-    altGuidelinesHref: [(0, _storyHelper.storyDocsGuidelines)(csfFile), {
-      href: 'https://www.carbondesignsystem.com/guidelines/motion/overview/',
-      label: 'Carbon motion guidelines'
-    }],
-    blocks: [{
-      story: stories.WithoutGrid
-    }, {
-      description: 'When using `Cascade` with  grid support its important that you follow the example code structure and provide the rows and columns. The component will assume this structure and add the appropriate CSS classes to the columns.',
-      story: stories.WithGrid
-    }]
-  });
-};
-var _default = exports.default = DocsPage;

package/lib/components/Cascade/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Cascade", {
-  enumerable: true,
-  get: function get() {
-    return _Cascade.Cascade;
-  }
-});
-var _Cascade = require("./Cascade");

package/lib/components/Checklist/Checklist.docs-page.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
-var stories = _interopRequireWildcard(require("./Checklist.stories"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DocsPage = function DocsPage() {
-  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
-    blocks: [{
-      story: stories.checklist
-    }, {
-      story: stories.taskStates
-    }]
-  });
-};
-var _default = exports.default = DocsPage;

package/lib/components/Checklist/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Checklist", {
-  enumerable: true,
-  get: function get() {
-    return _Checklist.Checklist;
-  }
-});
-var _Checklist = require("./Checklist");

package/lib/components/ComboButton/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ComboButton", {
-  enumerable: true,
-  get: function get() {
-    return _ComboButton.ComboButton;
-  }
-});
-Object.defineProperty(exports, "ComboButtonItem", {
-  enumerable: true,
-  get: function get() {
-    return _ComboButtonItem.ComboButtonItem;
-  }
-});
-var _ComboButton = require("./ComboButton");
-var _ComboButtonItem = require("./ComboButtonItem");

package/lib/components/CreateFullPage/CreateFullPage.docs-page.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
-var stories = _interopRequireWildcard(require("./CreateFullPage.stories"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DocsPage = function DocsPage() {
-  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
-    altGuidelinesHref: "https://pages.github.ibm.com/cdai-design/pal/patterns/creation-flows/usage#full-page",
-    blocks: [{
-      description: "There are **2** components that make up a Create Full Page component, which can\nbe used in unison to create the desired look, or flow. Please note, to utilize\nthe Create Full Page component, you'll need to have a minimum of two steps. If\nyou are looking for a one step creation flow, consider Create Tearsheet, Create\nSide Panel, or Create Modal."
-    }, {
-      story: stories.createFullPage,
-      description: "This is used when you have one section per step. This can be created by passing\nin the overall `<CreateFullPage />` component and the `<CreateFullPageStep />`\ncomponent with form items as children:\n",
-      source: {
-        code: "<CreateFullPage {...props}>\n      <CreateFullPageStep\n          title=\"Required title\"\n          subtitle=\"Optional subtitle\"\n          description=\"Optional description\"\n          onNext={() => {'Optional function'}}\n          >\n          <Row>\n            <Column xlg={5} lg={5} md={4} sm={4}>\n              <TextInput\n                id=\"test-1\"\n                invalidText=\"A valid value is required\"\n                labelText=\"Topic name\"\n                placeholder=\"Enter topic name\"\n              />\n            </Column>\n          </Row>\n      </CreateFullPageStep>\n    </CreateFullPage>"
-      }
-    }, {
-      story: stories.createFullPageWithSections,
-      description: "This is used when you have several sections per step. This can be created by\npassing in the overall `<CreateFullPage />` component and the\n`<CreateFullPageStep />` component for the first `section`. All additional\n`sections` must be passed in as children, as shown below:",
-      source: {
-        code: "<CreateFullPageStep\n    title=\"Required title\"\n    subtitle=\"Optional subtitle\"\n    description=\"Optional description\"\n    onNext={() => {'Optional function'}}\n    >\n    <Row>\n      <Column xlg={5} lg={5} md={4} sm={4}>\n        <fieldset className={`#{$pkg-prefix}--create-full-page__step-fieldset`}>\n          <TextInput\n            id=\"test-1\"\n            invalidText=\"A valid value is required\"\n            labelText=\"Topic name\"\n            placeholder=\"Enter topic name\"\n          />\n        </fieldset>\n      </Column>\n    </Row>\n    <span className={`#{$pkg-prefix}--create-full-page__section-divider`} />\n    <h5 className={`#{$pkg-prefix}--create-full-page__step-title`}>Required title</h5>\n    <h6 className={`#{$pkg-prefix}--create-full-page__step-subtitle`}>\n      Optional subtitle\n    </h6>\n    <p className={`#{$pkg-prefix}--create-full-page__step-description`}>\n      Optional description\n    </p>\n    <Row>\n      <Column xlg={5} lg={5} md={4} sm={4}>\n        <fieldset className={`#{$pkg-prefix}--create-full-page__step-fieldset`}>\n          <TextInput\n            id=\"test-2\"\n            invalidText=\"A valid value is required\"\n            labelText=\"Topic name\"\n            placeholder=\"Enter topic name\"\n          />\n        </fieldset>\n      </Column>\n    </Row>\n</CreateFullPageStep>"
-      }
-    }, {
-      story: stories.createFullPageWithHeader,
-      description: "This is used when you want to show a header title and breadcrumbs. This can be created by\npassing in a title or breadcrumbs to the `<CreateFullPage />` component  as shown below:",
-      source: {
-        code: "<CreateFullPage\n  title='Page title'\n  breadcrumbsOverflowAriaLabel='Open and close additional breadcrumb item list.'\n  breadcrumbs={[\n    { key: '0', label: 'Breadcrumb 1', href: '/', title: 'home page' },\n    { key: '1', label: 'Breadcrumb 2', href: '/', },\n    { key: '2', label: 'Breadcrumb 3', href:'/' },\n    { key: '3', label: 'Breadcrumb 4', isCurrentPage: true }\n  ]}\n  maxVisibleBreadcrumbs={3}\n  {...props}\n>\n    <CreateFullPageStep {...createFullPageStepProps}>...</CreateFullPageStep>\n</CreateFullPage>"
-      }
-    }, {
-      story: stories.createFullPageWithStepInErrorState,
-      description: "Passing an invalid prop to the step will show up an error icon on the progress indicator step indicating an error state in that step",
-      source: {
-        code: "<CreateFullPage {...createFullPageProps}>\n  <CreateFullPageStep\n    title=\"Topic name\"\n    invalid={true}\n  >\n    Step content\n  </CreateFullPageStep>\n</CreateFullPage>"
-      }
-    }, {
-      title: 'Using custom components',
-      description: "It is possible to use custom components that return `CreateFullPageStep`s in\norder to help reduce the amount of logic in the component that contains the main\n`CreateFullPage`. _It is required that each child of the `CreateFullPage` either\nbe a custom step or a `CreateFullPageStep`_. An example of this could look like\nthe following:",
-      source: {
-        code: "const CreateStepCustom = ({ subtitle, ...rest }) => {\n  return (\n    <CreateFullPageStep\n      {...rest}\n      subtitle={subtitle}\n      title=\"Step 1\"\n      onNext={() => console.log('optional validation check')}\n      onMount={() => console.log('optional onMount fn')}\n      disableSubmit={false}\n    >\n      step content here\n    </CreateFullPageStep>\n  );\n};\n\nconst CreateComponent = () => {\n  return (\n    <CreateFullPage {...createFullPageProps}>\n      <CreateStepCustom subtitle=\"Custom step subtitle\" />\n      <CreateFullPageStep\n        title=\"Topic name\"\n        fieldsetLegendText=\"Topic information\"\n        disableSubmit={!value}\n        subtitle=\"This is the unique name used to recognize your topic\"\n        description=\"It will also be used by your producers and consumers as part of the\n        connection information, so make it something easy to recognize.\"\n      >\n        Content for second step\n      </CreateFullPageStep>\n    </CreateFullPage>\n  );\n};"
-      }
-    }, {
-      title: 'Using dynamic steps',
-      description: "The use of dynamic steps can be utilized in a scenario when the user makes a\ncertain selection on one step that effects which steps will follow it, this is\ncontrolled via the `includeStep` prop. See abbreviated example below:",
-      source: {
-        code: "import { useState } from 'react';\n\nconst CreateFlow = () => {\n  const [shouldIncludeAdditionalStep, setShouldIncludeAdditionalStep] =\n    useState(false);\n  return (\n    <CreateFullPage {...createFullPageProps}>\n      <CreateFullPageStep {...step1Props}>\n        Step 1 content\n        <Checkbox\n          labelText={`Include additional step`}\n          id=\"include-additional-step-checkbox\"\n          onChange={(value) => setShouldIncludeAdditionalStep(value)}\n          checked={shouldIncludeAdditionalStep}\n        />\n      </CreateFullPageStep>\n      <CreateFullPageStep\n        {...step2Props}\n        includeStep={shouldIncludeAdditionalStep}\n      >\n        Dynamic step content\n      </CreateFullPageStep>\n      <CreateFullPageStep {...step3Props}>\n        Final step content\n      </CreateFullPageStep>\n    </CreateFullPage>\n  );\n};"
-      }
-    }, {
-      title: 'Class names',
-      description: "Additionally, to get the preferred styling when including your own children as\nsections, you can utilize the below included class names.\n\n| Class name                                           | Element     | Features                                                   |\n| ---------------------------------------------------- | ----------- | ---------------------------------------------------------- |\n| `#{$pkg-prefix}--create-full-page__step-title`       | title       | `productive-heading-04` & `margin-bottom` of `$spacing-05` |\n| `#{$pkg-prefix}--create-full-page__step-subtitle`    | subtitle    | `productive-heading-01` & `margin-bottom` of `$spacing-03` |\n| `#{$pkg-prefix}--create-full-page__step-description` | description | `body-long-01` & `margin-bottom` of `$spacing-06`          |\n| `#{$pkg-prefix}--create-full-page__step-fieldset`    | fieldset    | `margin-bottom` of `$spacing-05` to all children elements  |\n| `#{$pkg-prefix}--create-full-page__section-divider`  | divider     | Includes a `1px` divider line inside the `main` content    |\n"
-    }]
-  });
-};
-var _default = exports.default = DocsPage;

package/lib/components/CreateFullPage/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CreateFullPage", {
-  enumerable: true,
-  get: function get() {
-    return _CreateFullPage.CreateFullPage;
-  }
-});
-Object.defineProperty(exports, "CreateFullPageStep", {
-  enumerable: true,
-  get: function get() {
-    return _CreateFullPageStep.CreateFullPageStep;
-  }
-});
-var _CreateFullPage = require("./CreateFullPage");
-var _CreateFullPageStep = require("./CreateFullPageStep");

package/lib/components/CreateInfluencer/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CreateInfluencer", {
-  enumerable: true,
-  get: function get() {
-    return _CreateInfluencer.CreateInfluencer;
-  }
-});
-var _CreateInfluencer = require("./CreateInfluencer");

package/lib/components/CreateModal/CreateModal.docs-page.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
-var stories = _interopRequireWildcard(require("./CreateModal.stories"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DocsPage = function DocsPage() {
-  return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
-    altGuidelinesHref: "https://pages.github.ibm.com/cdai-design/pal/patterns/creation-flows/usage#modal",
-    blocks: [{
-      story: stories.Default
-    }, {
-      title: 'Form validation',
-      description: "All forms, including that within the `CreateModal` should follow @carbon/ibm-products guidelines\nfor form validation.\n\nThis includes the following:\n\n- The `Submit` button in the modal should be disabled, until all required inputs\n  are filled in and valid\n- All required inputs should _only_ throw an invalid error _after_ the element\n  loses focus\n- All optional form fields should have an `(optional)` text at the end of the\n  input `labelText`. Optional should always be in parentheses\n\nYou can find more information on how to validate your form fields in\n[Carbon's Form usage page](https://www.carbondesignsystem.com/components/form/usage)."
-    }, {
-      title: 'Overriding Carbon theme',
-      description: "The design recommendation is to use a dark theme for the CreateModal if the\napplication is currently using a light theme, and vice versa. The theme applied\nto the CreateModal can easily be customized as follows:\n\nIn SCSS:",
-      source: {
-        language: 'css',
-        code: "  .#{$pkg-prefix}--create-modal {\n    @include carbon--theme(\n      $theme: $carbon--theme--g90\n    );\n  }"
-      }
-    }, {
-      description: "Alternatively, the required Carbon theme can be set as above in a custom CSS\nclass which is then applied to the CreateModal using the `className` prop."
-    }]
-  });
-};
-var _default = exports.default = DocsPage;