@data-driven-forms/carbon-component-mapper 3.18.6 → 3.18.7

package/checkbox/checkbox.js

@@ -23,9 +23,7 @@ var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-for
 
 var _multipleChoiceList = _interopRequireDefault(require("@data-driven-forms/common/multiple-choice-list"));
 
-var _Checkbox = _interopRequireDefault(require("carbon-components-react/lib/components/Checkbox/Checkbox.js"));
-
-var _FormGroup = _interopRequireDefault(require("carbon-components-react/lib/components/FormGroup/FormGroup.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _withDescription = _interopRequireDefault(require("../with-description"));
 
@@ -54,7 +52,7 @@ var Wrapper = function Wrapper(_ref) {
       error = _ref.error,
       showError = _ref.showError,
       isRequired = _ref.isRequired;
-  return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.FormGroup, {
     legendText: description ? /*#__PURE__*/_react["default"].createElement(_withDescription["default"], {
       labelText: (0, _prepareProps.buildLabel)(label, isRequired),
       description: description
@@ -88,7 +86,7 @@ var SingleCheckbox = function SingleCheckbox(props) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({}, input, {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Checkbox, (0, _extends2["default"])({}, input, {
     id: input.name
   }, rest)), /*#__PURE__*/_react["default"].createElement(_helperTextBlock["default"], {
     helperText: helperText,
@@ -108,7 +106,7 @@ var SingleCheckboxInCommon = function SingleCheckboxInCommon(_ref2) {
       rest = (0, _objectWithoutProperties2["default"])(_ref2$option, _excluded2),
       _onChange = _ref2.onChange,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Checkbox, (0, _extends2["default"])({
     id: id,
     labelText: label,
     disabled: isDisabled

package/date-picker/date-picker.js

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _DatePicker = _interopRequireDefault(require("carbon-components-react/lib/components/DatePicker/DatePicker.js"));
-
-var _DatePickerInput = _interopRequireDefault(require("carbon-components-react/lib/components/DatePickerInput/DatePickerInput.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -40,9 +38,9 @@ var DatePicker = function DatePicker(props) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], (0, _extends2["default"])({}, input, {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.DatePicker, (0, _extends2["default"])({}, input, {
     datePickerType: datePickerType
-  }, DatePickerProps), /*#__PURE__*/_react["default"].createElement(_DatePickerInput["default"], (0, _extends2["default"])({
+  }, DatePickerProps), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.DatePickerInput, (0, _extends2["default"])({
     id: input.name,
     invalid: Boolean(invalid),
     invalidText: invalid ? invalid : ''

package/dual-list-select/dual-list-select.js

@@ -21,31 +21,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
 
-var _Grid = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Grid.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
-var _Row = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Row.js"));
-
-var _Column = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Column.js"));
-
-var _Button = _interopRequireDefault(require("carbon-components-react/lib/components/Button/Button.js"));
-
-var _FormGroup = _interopRequireDefault(require("carbon-components-react/lib/components/FormGroup/FormGroup.js"));
-
-var _Search = _interopRequireDefault(require("carbon-components-react/lib/components/Search/Search.js"));
-
-var _TooltipIcon = _interopRequireDefault(require("carbon-components-react/lib/components/TooltipIcon/TooltipIcon.js"));
-
-var _ = _interopRequireDefault(require("@carbon/icons-react/lib/checkmark--filled/16.js"));
-
-var _2 = _interopRequireDefault(require("@carbon/icons-react/lib/chevron--right/32.js"));
-
-var _3 = _interopRequireDefault(require("@carbon/icons-react/lib/chevron--left/32.js"));
-
-var _4 = _interopRequireDefault(require("@carbon/icons-react/lib/caret--sort--down/32.js"));
-
-var _5 = _interopRequireDefault(require("@carbon/icons-react/lib/caret--sort--up/32.js"));
-
-var _StructuredList = require("carbon-components-react/lib/components/StructuredList/StructuredList.js");
+var _iconsReact = require("@carbon/icons-react");
 
 var _prepareProps = require("../prepare-props");
 
@@ -91,7 +69,7 @@ var useStyles = (0, _reactJssCjs.createUseStyles)({
 
 var EmptyList = function EmptyList(_ref) {
   var message = _ref.message;
-  return /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListWrapper, null, /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListBody, null, /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListRow, null, /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListCell, null, message))));
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListWrapper, null, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListBody, null, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListRow, null, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListCell, null, message))));
 };
 
 EmptyList.propTypes = {
@@ -110,11 +88,11 @@ var List = function List(_ref2) {
       dualList = _useStyles.dualList,
       dualListBody = _useStyles.dualListBody;
 
-  return options.length > 0 ? /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListWrapper, (0, _extends2["default"])({
+  return options.length > 0 ? /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListWrapper, (0, _extends2["default"])({
     selection: true
   }, ListProps, {
     className: (0, _clsx["default"])(dualList, ListProps.className)
-  }), /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListBody, (0, _extends2["default"])({}, BodyProps, {
+  }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListBody, (0, _extends2["default"])({}, BodyProps, {
     className: (0, _clsx["default"])(dualListBody, BodyProps.className)
   }), options.map(function (_ref3) {
     var value = _ref3.value,
@@ -125,7 +103,7 @@ var List = function List(_ref2) {
         RowProps = _ref3.RowProps,
         LabelProps = _ref3.LabelProps,
         CheckmarkProps = _ref3.CheckmarkProps;
-    return /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListRow, (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListRow, (0, _extends2["default"])({
       key: value
     }, ListRowProps, {
       onClick: function onClick(e) {
@@ -133,13 +111,13 @@ var List = function List(_ref2) {
           ctrlKey: true
         }), value);
       }
-    }), /*#__PURE__*/_react["default"].createElement(_StructuredList.StructuredListCell, ListCellProps, /*#__PURE__*/_react["default"].createElement(_Grid["default"], GridProps, /*#__PURE__*/_react["default"].createElement(_Row["default"], (0, _extends2["default"])({
+    }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.StructuredListCell, ListCellProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Grid, GridProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Row, (0, _extends2["default"])({
       narrow: true
-    }, RowProps), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({
+    }, RowProps), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({
       sm: 3
-    }, LabelProps), label), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({
+    }, LabelProps), label), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({
       sm: 1
-    }, CheckmarkProps), selectedValues.includes(value) && /*#__PURE__*/_react["default"].createElement(_["default"], null))))));
+    }, CheckmarkProps), selectedValues.includes(value) && /*#__PURE__*/_react["default"].createElement(_iconsReact.CheckmarkFilled16, null))))));
   }))) : /*#__PURE__*/_react["default"].createElement(EmptyList, {
     message: noTitle
   });
@@ -170,18 +148,18 @@ var Toolbar = function Toolbar(_ref4) {
 
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, ToolbarProps, {
     className: (0, _clsx["default"])(toolbar, ToolbarProps.className)
-  }), /*#__PURE__*/_react["default"].createElement(_Search["default"], (0, _extends2["default"])({
+  }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Search, (0, _extends2["default"])({
     onChange: function onChange(e) {
       return onFilter(e.target.value);
     },
     labelText: "",
     placeholder: placeholder
-  }, SearchProps)), /*#__PURE__*/_react["default"].createElement(_TooltipIcon["default"], (0, _extends2["default"])({
+  }, SearchProps)), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TooltipIcon, (0, _extends2["default"])({
     onClick: onSort,
     tooltipText: sortTitle
   }, SortProps, {
     className: (0, _clsx["default"])(tooltipButton, SortProps.className)
-  }), sortDirection ? /*#__PURE__*/_react["default"].createElement(_4["default"], null) : /*#__PURE__*/_react["default"].createElement(_5["default"], null)));
+  }), sortDirection ? /*#__PURE__*/_react["default"].createElement(_iconsReact.CaretSortDown32, null) : /*#__PURE__*/_react["default"].createElement(_iconsReact.CaretSortUp32, null)));
 };
 
 Toolbar.propTypes = {
@@ -257,11 +235,11 @@ var DualListSelectInner = function DualListSelectInner(_ref5) {
   var _useStyles3 = useStyles(),
       buttonWrapper = _useStyles3.buttonWrapper;
 
-  return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.FormGroup, (0, _extends2["default"])({
     legendText: (0, _prepareProps.buildLabel)(label || '', isRequired)
-  }, FormGroupProps), /*#__PURE__*/_react["default"].createElement(_Grid["default"], GridProps, /*#__PURE__*/_react["default"].createElement(_Row["default"], (0, _extends2["default"])({
+  }, FormGroupProps), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Grid, GridProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Row, (0, _extends2["default"])({
     condensed: true
-  }, RowProps), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({
+  }, RowProps), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({
     sm: 4,
     md: 8,
     lg: 5
@@ -281,31 +259,31 @@ var DualListSelectInner = function DualListSelectInner(_ref5) {
     selectedValues: state.selectedLeftValues,
     handleOptionsClick: handleOptionsClick,
     noTitle: state.filterOptions ? filterOptionsText : noOptionsTitle
-  })), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({
+  })), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({
     sm: 4,
     md: 8,
     lg: 2
   }, ButtonColumnProps, {
     className: (0, _clsx["default"])(buttonWrapper, ButtonColumnProps.className)
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     id: "move-right",
-    renderIcon: _2["default"],
+    renderIcon: _iconsReact.ChevronRight32,
     onClick: handleMoveRight,
     disabled: isEmpty(state.selectedLeftValues)
-  }, AddButtonProps), moveRightTitle), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  }, AddButtonProps), moveRightTitle), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     id: "move-all-right",
     onClick: handleClearLeftValues,
     disabled: isEmpty(leftValues)
-  }, AddAllButtonProps), moveAllRightTitle), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  }, AddAllButtonProps), moveAllRightTitle), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     id: "move-all-left",
     onClick: handleClearRightValues,
     disabled: isEmpty(rightValues)
-  }, RemoveAllButtonProps), moveAllLeftTitle), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  }, RemoveAllButtonProps), moveAllLeftTitle), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     id: "move-left",
-    renderIcon: _3["default"],
+    renderIcon: _iconsReact.ChevronLeft32,
     onClick: handleMoveLeft,
     disabled: isEmpty(state.selectedRightValues)
-  }, RemoveButtonProps), moveLeftTitle)), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({
+  }, RemoveButtonProps), moveLeftTitle)), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({
     sm: 4,
     md: 8,
     lg: 5

package/esm/checkbox/checkbox.js

@@ -14,8 +14,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
-import CarbonCheckbox from "carbon-components-react/es/components/Checkbox/Checkbox.js";
-import FormGroup from "carbon-components-react/es/components/FormGroup/FormGroup.js";
+import { Checkbox as CarbonCheckbox, FormGroup } from 'carbon-components-react';
 import WithDescription from '../with-description';
 import prepareProps, { buildLabel } from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';

package/esm/date-picker/date-picker.js

@@ -4,8 +4,7 @@ var _excluded = ["input", "datePickerType", "meta", "DatePickerProps", "validate
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import CarbonDatePicker from "carbon-components-react/es/components/DatePicker/DatePicker.js";
-import DatePickerInput from "carbon-components-react/es/components/DatePickerInput/DatePickerInput.js";
+import { DatePicker as CarbonDatePicker, DatePickerInput } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
 

package/esm/dual-list-select/dual-list-select.js

@@ -10,22 +10,8 @@ import PropTypes from 'prop-types';
 import DualListSelectCommon from '@data-driven-forms/common/dual-list-select';
 import clsx from 'clsx';
 import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
-import Grid from "carbon-components-react/es/components/Grid/Grid.js";
-import Row from "carbon-components-react/es/components/Grid/Row.js";
-import Column from "carbon-components-react/es/components/Grid/Column.js";
-import Button from "carbon-components-react/es/components/Button/Button.js";
-import FormGroup from "carbon-components-react/es/components/FormGroup/FormGroup.js";
-import Search from "carbon-components-react/es/components/Search/Search.js";
-import TooltipIcon from "carbon-components-react/es/components/TooltipIcon/TooltipIcon.js";
-import CheckmarkFilled16 from "@carbon/icons-react/es/checkmark--filled/16.js";
-import ChevronRight32 from "@carbon/icons-react/es/chevron--right/32.js";
-import ChevronLeft32 from "@carbon/icons-react/es/chevron--left/32.js";
-import CaretSortDown32 from "@carbon/icons-react/es/caret--sort--down/32.js";
-import CaretSortUp32 from "@carbon/icons-react/es/caret--sort--up/32.js";
-import { StructuredListWrapper } from "carbon-components-react/es/components/StructuredList/StructuredList.js";
-import { StructuredListRow } from "carbon-components-react/es/components/StructuredList/StructuredList.js";
-import { StructuredListBody } from "carbon-components-react/es/components/StructuredList/StructuredList.js";
-import { StructuredListCell } from "carbon-components-react/es/components/StructuredList/StructuredList.js";
+import { Grid, Row, Column, Button, FormGroup, Search, StructuredListWrapper, StructuredListRow, StructuredListBody, StructuredListCell, TooltipIcon } from 'carbon-components-react';
+import { CheckmarkFilled16, ChevronRight32, ChevronLeft32, CaretSortDown32, CaretSortUp32 } from '@carbon/icons-react';
 import { buildLabel } from '../prepare-props';
 var useStyles = createUseStyles({
   dualList: {

package/esm/field-array/field-array.js

@@ -16,10 +16,8 @@ import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import useFormApi from "@data-driven-forms/react-form-renderer/use-form-api";
 import FieldArrayFF from "@data-driven-forms/react-form-renderer/field-array";
-import Button from "carbon-components-react/es/components/Button/Button.js";
-import FormGroup from "carbon-components-react/es/components/FormGroup/FormGroup.js";
-import AddAlt32 from "@carbon/icons-react/es/add--alt/32.js";
-import Subtract32 from "@carbon/icons-react/es/subtract/32.js";
+import { Button, FormGroup } from 'carbon-components-react';
+import { AddAlt32, Subtract32 } from '@carbon/icons-react';
 import prepareProps from '../prepare-props';
 var useStyles = createUseStyles({
   add: {

package/esm/form-template/form-template.js

@@ -9,9 +9,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
-import CarbonForm from "carbon-components-react/es/components/Form/Form.js";
-import CarbonButton from "carbon-components-react/es/components/Button/Button.js";
-import ButtonSet from "carbon-components-react/es/components/ButtonSet/ButtonSet.js";
+import { Form as CarbonForm, Button as CarbonButton, ButtonSet } from 'carbon-components-react';
 import FormTemplate from '@data-driven-forms/common/form-template';
 var useStyles = createUseStyles({
   buttons: {

package/esm/radio/radio.js

@@ -5,9 +5,7 @@ var _excluded = ["component"],
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import FormGroup from "carbon-components-react/es/components/FormGroup/FormGroup.js";
-import RadioButtonGroup from "carbon-components-react/es/components/RadioButtonGroup/RadioButtonGroup.js";
-import RadioButton from "carbon-components-react/es/components/RadioButton/RadioButton.js";
+import { FormGroup, RadioButtonGroup, RadioButton } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
 

package/esm/select/select.js

@@ -13,11 +13,7 @@ import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import DataDrivenSelect from '@data-driven-forms/common/select';
 import fnToString from '@data-driven-forms/common/utils/fn-to-string';
-import CarbonSelect from "carbon-components-react/es/components/Select/Select.js";
-import MultiSelect from "carbon-components-react/es/components/MultiSelect/MultiSelect.js";
-import SelectItem from "carbon-components-react/es/components/SelectItem/SelectItem.js";
-import ComboBox from "carbon-components-react/es/components/ComboBox/ComboBox.js";
-import SelectItemGroup from "carbon-components-react/es/components/SelectItemGroup/SelectItemGroup.js";
+import { Select as CarbonSelect, MultiSelect, SelectItem, ComboBox, SelectItemGroup } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 
 var onChangeWrapper = function onChangeWrapper(onChange) {

package/esm/slider/slider.js

@@ -4,7 +4,7 @@ var _excluded = ["input", "meta", "isRequired", "validateOnMount", "helperText",
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import CarbonSlider from "carbon-components-react/es/components/Slider/Slider.js";
+import { Slider as CarbonSlider } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
 

package/esm/switch/switch.js

@@ -11,7 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import Toggle from "carbon-components-react/es/components/Toggle/Toggle.js";
+import { Toggle } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
 

package/esm/tabs/tabs.js

@@ -6,8 +6,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
-import CarbonTabs from "carbon-components-react/es/components/Tabs/Tabs.js";
-import Tab from "carbon-components-react/es/components/Tab/Tab.js";
+import { Tabs as CarbonTabs, Tab } from 'carbon-components-react';
 import useFormApi from "@data-driven-forms/react-form-renderer/use-form-api";
 var useStyles = createUseStyles({
   tab: {

package/esm/text-field/text-field.js

@@ -4,8 +4,7 @@ var _excluded = ["input", "meta", "validateOnMount", "labelText"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import TextInput from "carbon-components-react/es/components/TextInput/TextInput.js";
-import NumberInput from "carbon-components-react/es/components/NumberInput/NumberInput.js";
+import { TextInput, NumberInput } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 
 var TextField = function TextField(props) {

package/esm/textarea/textarea.js

@@ -4,7 +4,7 @@ var _excluded = ["input", "meta", "validateOnMount", "helperText"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import TextArea from "carbon-components-react/es/components/TextArea/TextArea.js";
+import { TextArea } from 'carbon-components-react';
 import prepareProps from '../prepare-props';
 
 var Textarea = function Textarea(props) {

package/esm/time-picker-base/time-picker-base.js

@@ -4,9 +4,7 @@ var _excluded = ["WrapperProps", "input", "enhnancedOnBlur", "enhancedOnChange",
     _excluded2 = ["showAs"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import CarbonTimePicker from "carbon-components-react/es/components/TimePicker/TimePicker.js";
-import TimePickerSelect from "carbon-components-react/es/components/TimePickerSelect/TimePickerSelect.js";
-import SelectItem from "carbon-components-react/es/components/SelectItem/SelectItem.js";
+import { TimePicker as CarbonTimePicker, TimePickerSelect, SelectItem } from 'carbon-components-react';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
 
 var TimePickerBase = function TimePickerBase(_ref) {

package/esm/with-description/with-description.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Tooltip from "carbon-components-react/es/components/Tooltip/Tooltip.js";
+import { Tooltip } from 'carbon-components-react';
 
 var WithDescription = function WithDescription(_ref) {
   var labelText = _ref.labelText,

package/esm/wizard/wizard.js

@@ -16,12 +16,8 @@ import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
 import WizardCommon from '@data-driven-forms/common/wizard/wizard';
 import FormSpy from "@data-driven-forms/react-form-renderer/form-spy";
 import WizardContext from "@data-driven-forms/react-form-renderer/wizard-context";
-import Button from "carbon-components-react/es/components/Button/Button.js";
-import Column from "carbon-components-react/es/components/Grid/Column.js";
-import Grid from "carbon-components-react/es/components/Grid/Grid.js";
-import Row from "carbon-components-react/es/components/Grid/Row.js";
-import { ProgressStep } from "carbon-components-react/es/components/ProgressIndicator/ProgressIndicator.js";
-import { ProgressIndicator } from "carbon-components-react/es/components/ProgressIndicator/ProgressIndicator.js";
+import { Button, Column, Grid, Row } from 'carbon-components-react';
+import { ProgressStep, ProgressIndicator } from 'carbon-components-react/lib/components/ProgressIndicator/ProgressIndicator';
 var useStyles = createUseStyles({
   horizontalNav: {
     marginBottom: 48

package/field-array/field-array.js

@@ -31,13 +31,9 @@ var _useFormApi = _interopRequireDefault(require("@data-driven-forms/react-form-
 
 var _fieldArray = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/field-array"));
 
-var _Button = _interopRequireDefault(require("carbon-components-react/lib/components/Button/Button.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
-var _FormGroup = _interopRequireDefault(require("carbon-components-react/lib/components/FormGroup/FormGroup.js"));
-
-var _ = _interopRequireDefault(require("@carbon/icons-react/lib/add--alt/32.js"));
-
-var _2 = _interopRequireDefault(require("@carbon/icons-react/lib/subtract/32.js"));
+var _iconsReact = require("@carbon/icons-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -91,9 +87,9 @@ var ArrayItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       name: name
     });
   });
-  return /*#__PURE__*/_react["default"].createElement("div", ArrayItemProps, formOptions.renderForm(editedFields, formOptions), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("div", ArrayItemProps, formOptions.renderForm(editedFields, formOptions), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     disabled: buttonDisabled,
-    renderIcon: _2["default"],
+    renderIcon: _iconsReact.Subtract32,
     id: "remove-".concat(name),
     kind: "danger",
     onClick: remove
@@ -152,7 +148,7 @@ var FieldArray = function FieldArray(props) {
   }, buttonLabels);
 
   var invalid = (meta.touched || validateOnMount) && !Array.isArray(meta.error) && (meta.error || meta.submitError);
-  return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.FormGroup, (0, _extends2["default"])({
     legendText: labelText || '',
     invalid: Boolean(invalid),
     message: Boolean(invalid),
@@ -178,9 +174,9 @@ var FieldArray = function FieldArray(props) {
       });
     }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, AddContainerProps, {
       className: (0, _clsx["default"])(addContainer, AddContainerProps.className)
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
       disabled: fieldArrayProps.fields.length >= maxItems,
-      renderIcon: _["default"],
+      renderIcon: _iconsReact.AddAlt32,
       id: "add-".concat(input.name),
       onClick: function onClick() {
         return fieldArrayProps.fields.push(defaultItem);

package/form-template/form-template.js

@@ -19,11 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
 
-var _Form = _interopRequireDefault(require("carbon-components-react/lib/components/Form/Form.js"));
-
-var _Button = _interopRequireDefault(require("carbon-components-react/lib/components/Button/Button.js"));
-
-var _ButtonSet = _interopRequireDefault(require("carbon-components-react/lib/components/ButtonSet/ButtonSet.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _formTemplate = _interopRequireDefault(require("@data-driven-forms/common/form-template"));
 
@@ -53,7 +49,7 @@ var Button = function Button(_ref) {
   var label = _ref.label,
       buttonType = _ref.buttonType,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
     kind: buttonType === 'submit' ? 'primary' : 'secondary'
   }, props), label);
 };
@@ -72,7 +68,7 @@ var ButtonGroup = function ButtonGroup(_ref2) {
   var _useStyles = useStyles(),
       butttons = _useStyles.butttons;
 
-  return /*#__PURE__*/_react["default"].createElement(_ButtonSet["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.ButtonSet, (0, _extends2["default"])({}, props, {
     className: (0, _clsx["default"])(butttons, className)
   }), children);
 };
@@ -113,7 +109,7 @@ var Form = function Form(_ref5) {
   var _useStyles2 = useStyles(),
       form = _useStyles2.form;
 
-  return /*#__PURE__*/_react["default"].createElement(_Form["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Form, (0, _extends2["default"])({
     noValidate: true
   }, props, {
     className: (0, _clsx["default"])(form, className)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-driven-forms/carbon-component-mapper",
-  "version": "3.18.6",
+  "version": "3.18.7",
   "description": "Carbon React component mapper for Data Driven Forms.",
   "main": "index.js",
   "module": "esm/index.js",
@@ -40,7 +40,7 @@
     "react-dom": "^16.13.1 || ^17.0.2 || ^18.0.0"
   },
   "dependencies": {
-    "@data-driven-forms/common": "^3.18.6",
+    "@data-driven-forms/common": "^3.18.7",
     "clsx": "^1.1.1",
     "lodash": "^4.17.21",
     "prop-types": ">=15.7.2",

package/radio/radio.js

@@ -17,11 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _FormGroup = _interopRequireDefault(require("carbon-components-react/lib/components/FormGroup/FormGroup.js"));
-
-var _RadioButtonGroup = _interopRequireDefault(require("carbon-components-react/lib/components/RadioButtonGroup/RadioButtonGroup.js"));
-
-var _RadioButton = _interopRequireDefault(require("carbon-components-react/lib/components/RadioButton/RadioButton.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -47,13 +43,13 @@ var Radio = function Radio(_ref) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
-  return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.FormGroup, (0, _extends2["default"])({
     legendText: labelText
-  }, FormGroupProps), /*#__PURE__*/_react["default"].createElement(_RadioButtonGroup["default"], (0, _extends2["default"])({}, input, {
+  }, FormGroupProps), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.RadioButtonGroup, (0, _extends2["default"])({}, input, {
     valueSelected: input.value,
     disabled: disabled
   }, rest), options.map(function (option) {
-    return /*#__PURE__*/_react["default"].createElement(_RadioButton["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.RadioButton, (0, _extends2["default"])({
       key: option.value,
       disabled: disabled,
       labelText: option.label,

package/select/select.js

@@ -27,15 +27,7 @@ var _select = _interopRequireDefault(require("@data-driven-forms/common/select")
 
 var _fnToString = _interopRequireDefault(require("@data-driven-forms/common/utils/fn-to-string"));
 
-var _Select = _interopRequireDefault(require("carbon-components-react/lib/components/Select/Select.js"));
-
-var _MultiSelect = _interopRequireDefault(require("carbon-components-react/lib/components/MultiSelect/MultiSelect.js"));
-
-var _SelectItem = _interopRequireDefault(require("carbon-components-react/lib/components/SelectItem/SelectItem.js"));
-
-var _ComboBox = _interopRequireDefault(require("carbon-components-react/lib/components/ComboBox/ComboBox.js"));
-
-var _SelectItemGroup = _interopRequireDefault(require("carbon-components-react/lib/components/SelectItemGroup/SelectItemGroup.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -75,13 +67,13 @@ var renderOptions = function renderOptions(options) {
         rest = (0, _objectWithoutProperties2["default"])(option, _excluded);
 
     if (options) {
-      return /*#__PURE__*/_react["default"].createElement(_SelectItemGroup["default"], (0, _extends2["default"])({
+      return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItemGroup, (0, _extends2["default"])({
         key: rest.value || index,
         text: rest.label
       }, rest), renderOptions(options));
     }
 
-    return /*#__PURE__*/_react["default"].createElement(_SelectItem["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, (0, _extends2["default"])({
       key: rest.value || index,
       text: rest.label
     }, rest));
@@ -105,7 +97,7 @@ var ClearedMultiSelectFilterable = function ClearedMultiSelectFilterable(_ref3)
       placeholder = _ref3.placeholder,
       isDisabled = _ref3.isDisabled,
       rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"].Filterable, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.MultiSelect.Filterable, (0, _extends2["default"])({
     disabled: isDisabled
   }, rest, {
     placeholder: carbonLabel || placeholder,
@@ -155,7 +147,7 @@ var ClearedMultiSelect = function ClearedMultiSelect(_ref4) {
       placeholder = _ref4.placeholder,
       isDisabled = _ref4.isDisabled,
       rest = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.MultiSelect, (0, _extends2["default"])({
     disabled: isDisabled
   }, rest, {
     label: carbonLabel || placeholder,
@@ -210,14 +202,14 @@ var ClearedSelect = function ClearedSelect(_ref5) {
       placeholder = _ref5.placeholder,
       value = _ref5.value,
       rest = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Select, (0, _extends2["default"])({
     value: getSelectValue(value, isMulti),
     disabled: isFetching
   }, rest, {
     id: rest.name,
     invalid: Boolean(invalidText),
     invalidText: invalidText
-  }), isFetching && /*#__PURE__*/_react["default"].createElement(_SelectItem["default"], {
+  }), isFetching && /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, {
     text: placeholder,
     value: ''
   }), renderOptions(options));
@@ -279,7 +271,7 @@ var ClearedSelectSearchable = function ClearedSelectSearchable(_ref7) {
       onChange = _ref7.onChange,
       value = _ref7.value,
       rest = (0, _objectWithoutProperties2["default"])(_ref7, _excluded5);
-  return /*#__PURE__*/_react["default"].createElement(_ComboBox["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.ComboBox, (0, _extends2["default"])({
     disabled: isFetching
   }, rest, {
     id: rest.name,

package/slider/slider.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _Slider = _interopRequireDefault(require("carbon-components-react/lib/components/Slider/Slider.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -37,7 +37,7 @@ var Slider = function Slider(props) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_Slider["default"], (0, _extends2["default"])({}, input, {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Slider, (0, _extends2["default"])({}, input, {
     value: Number(input.value) || 0,
     key: input.name,
     id: input.name,

package/switch/switch.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _Toggle = _interopRequireDefault(require("carbon-components-react/lib/components/Toggle/Toggle.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -49,7 +49,7 @@ var Switch = function Switch(props) {
   var warnText = (meta.touched || validateOnMount) && meta.warning;
   var checked = input.checked,
       inputRest = (0, _objectWithoutProperties2["default"])(input, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_Toggle["default"], (0, _extends2["default"])({}, inputRest, {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Toggle, (0, _extends2["default"])({}, inputRest, {
     toggled: checked,
     key: input.name,
     id: input.name,

package/tabs/tabs.js

@@ -19,9 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
 
-var _Tabs = _interopRequireDefault(require("carbon-components-react/lib/components/Tabs/Tabs.js"));
-
-var _Tab = _interopRequireDefault(require("carbon-components-react/lib/components/Tab/Tab.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _useFormApi = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-form-api"));
 
@@ -46,13 +44,13 @@ var Tabs = function Tabs(_ref) {
   var _useStyles = useStyles(),
       tab = _useStyles.tab;
 
-  return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], props, fields.map(function (_ref2) {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Tabs, props, fields.map(function (_ref2) {
     var fields = _ref2.fields,
         name = _ref2.name,
         label = _ref2.label,
         title = _ref2.title,
         rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({}, rest, {
+    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Tab, (0, _extends2["default"])({}, rest, {
       id: name,
       key: name,
       label: label || title

package/text-field/text-field.js

@@ -17,9 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _TextInput = _interopRequireDefault(require("carbon-components-react/lib/components/TextInput/TextInput.js"));
-
-var _NumberInput = _interopRequireDefault(require("carbon-components-react/lib/components/NumberInput/NumberInput.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -33,7 +31,7 @@ var TextField = function TextField(props) {
       labelText = _useFieldApi.labelText,
       rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
 
-  var Component = input.type === 'number' ? _NumberInput["default"] : _TextInput["default"];
+  var Component = input.type === 'number' ? _carbonComponentsReact.NumberInput : _carbonComponentsReact.TextInput;
 
   var setValue = function setValue(e, input) {
     return input.type === 'number' ? e.imaginaryTarget.value : e.target.value;

package/textarea/textarea.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _TextArea = _interopRequireDefault(require("carbon-components-react/lib/components/TextArea/TextArea.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -33,7 +33,7 @@ var Textarea = function Textarea(props) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var text = (meta.touched || validateOnMount) && meta.warning || helperText;
-  return /*#__PURE__*/_react["default"].createElement(_TextArea["default"], (0, _extends2["default"])({}, input, {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TextArea, (0, _extends2["default"])({}, input, {
     key: input.name,
     id: input.name,
     invalid: Boolean(invalid),

package/time-picker-base/time-picker-base.js

@@ -15,11 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _TimePicker = _interopRequireDefault(require("carbon-components-react/lib/components/TimePicker/TimePicker.js"));
-
-var _TimePickerSelect = _interopRequireDefault(require("carbon-components-react/lib/components/TimePickerSelect/TimePickerSelect.js"));
-
-var _SelectItem = _interopRequireDefault(require("carbon-components-react/lib/components/SelectItem/SelectItem.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var _helperTextBlock = _interopRequireDefault(require("../helper-text-block/helper-text-block"));
 
@@ -42,7 +38,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
       format = _ref.format,
       timezone = _ref.timezone,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_TimePicker["default"], (0, _extends2["default"])({}, input, enhnancedOnBlur && {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePicker, (0, _extends2["default"])({}, input, enhnancedOnBlur && {
     onBlur: enhnancedOnBlur
   }, enhancedOnChange && {
     onChange: function onChange(e) {
@@ -55,7 +51,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     id: input.name,
     invalid: Boolean(invalid),
     invalidText: invalid || ''
-  }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+  }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePickerSelect, {
     defaultValue: format,
     labelText: "Period",
     id: "".concat(rest.id || input.name, "-12h"),
@@ -63,13 +59,13 @@ var TimePickerBase = function TimePickerBase(_ref) {
       var value = _ref2.target.value;
       return selectFormat(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_SelectItem["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, {
     value: "AM",
     text: "AM"
-  }), /*#__PURE__*/_react["default"].createElement(_SelectItem["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, {
     value: "PM",
     text: "PM"
-  })), timezones && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+  })), timezones && /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePickerSelect, {
     defaultValue: timezone,
     labelText: "Timezone",
     id: "".concat(rest.id || input.name, "-timezones"),
@@ -80,7 +76,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
   }, timezones.map(function (_ref4) {
     var showAs = _ref4.showAs,
         tz = (0, _objectWithoutProperties2["default"])(_ref4, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_SelectItem["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, (0, _extends2["default"])({
       key: tz.value,
       text: tz.label
     }, tz));

package/with-description/with-description.js

@@ -11,12 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Tooltip = _interopRequireDefault(require("carbon-components-react/lib/components/Tooltip/Tooltip.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
 var WithDescription = function WithDescription(_ref) {
   var labelText = _ref.labelText,
       description = _ref.description;
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Tooltip, {
     triggerText: labelText
   }, description);
 };

package/wizard/wizard.js

@@ -29,15 +29,9 @@ var _formSpy = _interopRequireDefault(require("@data-driven-forms/react-form-ren
 
 var _wizardContext = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/wizard-context"));
 
-var _Button = _interopRequireDefault(require("carbon-components-react/lib/components/Button/Button.js"));
+var _carbonComponentsReact = require("carbon-components-react");
 
-var _Column = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Column.js"));
-
-var _Grid = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Grid.js"));
-
-var _Row = _interopRequireDefault(require("carbon-components-react/lib/components/Grid/Row.js"));
-
-var _ProgressIndicator = require("carbon-components-react/lib/components/ProgressIndicator/ProgressIndicator.js");
+var _ProgressIndicator = require("carbon-components-react/lib/components/ProgressIndicator/ProgressIndicator");
 
 var _excluded = ["stepsInfo", "jumpToStep"],
     _excluded2 = ["title"],
@@ -133,13 +127,13 @@ var VerticalLayout = function VerticalLayout(_ref4) {
   var _useStyles3 = useStyles(),
       body = _useStyles3.body;
 
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Grid, {
     narrow: true
-  }, /*#__PURE__*/_react["default"].createElement(_Row["default"], null, /*#__PURE__*/_react["default"].createElement(_Column["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, {
     sm: 1,
     md: 2,
     lg: 3
-  }, nav), /*#__PURE__*/_react["default"].createElement(_Column["default"], (0, _extends2["default"])({}, WizardBodyProps, {
+  }, nav), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({}, WizardBodyProps, {
     className: (0, _clsx["default"])(body, WizardBodyProps === null || WizardBodyProps === void 0 ? void 0 : WizardBodyProps.className)
   }), fields)));
 };
@@ -203,17 +197,17 @@ var WizardInternal = function WizardInternal(_ref5) {
     var progressNext = nextResult !== conditionalSubmitFlag && currentStep.nextStep;
     return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, ButtonSetProps, {
       className: (0, _clsx["default"])(buttonSet, ButtonSetProps.className)
-    }), progressNext ? /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    }), progressNext ? /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
       onClick: function onClick() {
         return handleNext(nextResult);
       },
       disabled: !formOptions.valid || invalid || validating || submitting
-    }, NextButtonProps), finalButtoLabels.next) : /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    }, NextButtonProps), finalButtoLabels.next) : /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
       onClick: function onClick() {
         return formOptions.handleSubmit();
       },
       disabled: !formOptions.valid || invalid || validating || submitting
-    }, SubmitButtonProps), finalButtoLabels.submit), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    }, SubmitButtonProps), finalButtoLabels.submit), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
       kind: "secondary",
       onClick: handlePrev,
       disabled: activeStepIndex === 0