@carbon/react 1.7.0 → 1.9.0-rc.0

package/lib/index.js

@@ -18,16 +18,16 @@ var Button = require('./components/Button/Button.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var index$f = require('./components/ClassPrefix/index.js');
+var index$c = require('./components/ClassPrefix/index.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$g = require('./components/ComposedModal/index.js');
+var index$d = require('./components/ComposedModal/index.js');
 var index = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
-var index$h = require('./components/DataTable/index.js');
+var index$e = require('./components/DataTable/index.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
@@ -43,22 +43,19 @@ var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
-var index$2 = require('./components/Modal/index.js');
+var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
-var index$i = require('./components/MultiSelect/index.js');
-var index$j = require('./components/Notification/index.js');
-var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
-var NumberInput = require('./components/NumberInput/NumberInput.js');
+require('./components/MultiSelect/index.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$3 = require('./components/OverflowMenu/index.js');
-var index$4 = require('./components/OverflowMenuItem/index.js');
-var index$5 = require('./components/Pagination/index.js');
+var index$2 = require('./components/OverflowMenu/index.js');
+var index$3 = require('./components/OverflowMenuItem/index.js');
+var index$4 = require('./components/Pagination/index.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
-var index$k = require('./components/ProgressIndicator/index.js');
-var index$6 = require('./components/RadioButton/index.js');
-var index$7 = require('./components/RadioButtonGroup/index.js');
-var index$8 = require('./components/Search/index.js');
+var index$f = require('./components/ProgressIndicator/index.js');
+var RadioButton = require('./components/RadioButton/RadioButton.js');
+var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
+var index$5 = require('./components/Search/index.js');
 var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
 var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
@@ -68,24 +65,24 @@ var Select = require('./components/Select/Select.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
-var index$9 = require('./components/Slider/index.js');
-var index$l = require('./components/StructuredList/index.js');
-var index$a = require('./components/Tab/index.js');
+var index$6 = require('./components/Slider/index.js');
+var index$g = require('./components/StructuredList/index.js');
+var index$7 = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
-var index$b = require('./components/Tabs/index.js');
+var index$8 = require('./components/Tabs/index.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
 var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
 require('./components/TextInput/index.js');
-var index$m = require('./components/Tile/index.js');
+var index$h = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
-var index$c = require('./components/TileGroup/index.js');
-var index$d = require('./components/TimePicker/index.js');
-var index$e = require('./components/TimePickerSelect/index.js');
+var index$9 = require('./components/TileGroup/index.js');
+var index$a = require('./components/TimePicker/index.js');
+var index$b = require('./components/TimePickerSelect/index.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var Toggle = require('./components/Toggle/Toggle.js');
-var index$n = require('./components/Toggletip/index.js');
+var index$i = require('./components/Toggletip/index.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
@@ -102,17 +99,17 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$o = require('./components/FeatureFlags/index.js');
-var index$p = require('./components/Heading/index.js');
-var index$q = require('./components/IconButton/index.js');
-var index$r = require('./components/Layer/index.js');
+var index$j = require('./components/FeatureFlags/index.js');
+var index$k = require('./components/Heading/index.js');
+var index$l = require('./components/IconButton/index.js');
+var index$m = require('./components/Layer/index.js');
 require('./components/Menu/index.js');
-var index$s = require('./components/OverflowMenuV2/index.js');
-var index$t = require('./components/Popover/index.js');
-var index$u = require('./components/Stack/index.js');
+var index$n = require('./components/OverflowMenuV2/index.js');
+var index$o = require('./components/Popover/index.js');
+var index$p = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
 require('./components/TreeView/index.js');
-var index$v = require('./components/Theme/index.js');
+var index$q = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Filename = require('./components/FileUploader/Filename.js');
@@ -121,6 +118,7 @@ var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderD
 var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
 var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
+var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderName = require('./components/UIShell/HeaderName.js');
 var SkipToContent = require('./components/UIShell/SkipToContent.js');
@@ -139,13 +137,13 @@ var PageSelector = require('./components/Pagination/experimental/PageSelector.js
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
-var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var TextInput = require('./components/TextInput/TextInput.js');
 var Menu = require('./components/Menu/Menu.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
+var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
 var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
@@ -168,9 +166,12 @@ var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js')
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
 var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
+var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
 var Grid = require('./components/Grid/Grid.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
+var Notification = require('./components/Notification/Notification.js');
+var NumberInput = require('./components/NumberInput/NumberInput.js');
 var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('./components/TextInput/PasswordInput.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
@@ -210,17 +211,18 @@ exports.Button = Button["default"];
 exports.ButtonSet = ButtonSet["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.Checkbox = Checkbox["default"];
-exports.ClassPrefix = index$f.ClassPrefix;
+exports.ClassPrefix = index$c.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ModalFooter = index$g.ModalFooter;
-exports.ModalHeader = index$g.ModalHeader;
+exports.ComposedModal = index$d.ComposedModal;
+exports.ModalFooter = index$d.ModalFooter;
+exports.ModalHeader = index$d.ModalHeader;
 exports.ContentSwitcher = index["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
-exports.DataTable = index$h["default"];
+exports.DataTable = index$e["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
@@ -236,27 +238,18 @@ exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
-exports.Modal = index$2["default"];
+exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
-exports.FilterableMultiSelect = index$i.FilterableMultiSelect;
-exports.ActionableNotification = index$j.ActionableNotification;
-exports.InlineNotification = index$j.InlineNotification;
-exports.NotificationActionButton = index$j.NotificationActionButton;
-exports.NotificationButton = index$j.NotificationButton;
-exports.NotificationTextDetails = index$j.NotificationTextDetails;
-exports.ToastNotification = index$j.ToastNotification;
-exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
-exports.NumberInput = NumberInput["default"];
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$3["default"];
-exports.OverflowMenuItem = index$4["default"];
-exports.Pagination = index$5["default"];
+exports.OverflowMenu = index$2["default"];
+exports.OverflowMenuItem = index$3["default"];
+exports.Pagination = index$4["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
-exports.ProgressIndicator = index$k.ProgressIndicator;
-exports.RadioButton = index$6["default"];
-exports.RadioButtonGroup = index$7["default"];
-exports.Search = index$8["default"];
+exports.ProgressIndicator = index$f.ProgressIndicator;
+exports.RadioButton = RadioButton["default"];
+exports.RadioButtonGroup = RadioButtonGroup["default"];
+exports.Search = index$5["default"];
 exports.SearchFilterButton = SearchFilterButton["default"];
 exports.SearchLayoutButton = SearchLayoutButton["default"];
 exports.ExpandableSearch = ExpandableSearch["default"];
@@ -266,37 +259,37 @@ exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
-exports.Slider = index$9["default"];
-exports.StructuredListBody = index$l.StructuredListBody;
-exports.StructuredListCell = index$l.StructuredListCell;
-exports.StructuredListHead = index$l.StructuredListHead;
-exports.StructuredListInput = index$l.StructuredListInput;
-exports.StructuredListRow = index$l.StructuredListRow;
-exports.StructuredListWrapper = index$l.StructuredListWrapper;
-exports.Tab = index$a["default"];
+exports.Slider = index$6["default"];
+exports.StructuredListBody = index$g.StructuredListBody;
+exports.StructuredListCell = index$g.StructuredListCell;
+exports.StructuredListHead = index$g.StructuredListHead;
+exports.StructuredListInput = index$g.StructuredListInput;
+exports.StructuredListRow = index$g.StructuredListRow;
+exports.StructuredListWrapper = index$g.StructuredListWrapper;
+exports.Tab = index$7["default"];
 exports.TabContent = TabContent["default"];
-exports.Tabs = index$b["default"];
+exports.Tabs = index$8["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
 exports.TextArea = TextArea["default"];
-exports.ClickableTile = index$m.ClickableTile;
-exports.ExpandableTile = index$m.ExpandableTile;
-exports.SelectableTile = index$m.SelectableTile;
-exports.Tile = index$m.Tile;
-exports.TileAboveTheFoldContent = index$m.TileAboveTheFoldContent;
-exports.TileBelowTheFoldContent = index$m.TileBelowTheFoldContent;
+exports.ClickableTile = index$h.ClickableTile;
+exports.ExpandableTile = index$h.ExpandableTile;
+exports.SelectableTile = index$h.SelectableTile;
+exports.Tile = index$h.Tile;
+exports.TileAboveTheFoldContent = index$h.TileAboveTheFoldContent;
+exports.TileBelowTheFoldContent = index$h.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
-exports.TileGroup = index$c["default"];
-exports.TimePicker = index$d["default"];
-exports.TimePickerSelect = index$e["default"];
+exports.TileGroup = index$9["default"];
+exports.TimePicker = index$a["default"];
+exports.TimePickerSelect = index$b["default"];
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.Toggle = Toggle.Toggle;
-exports.Toggletip = index$n.Toggletip;
-exports.ToggletipActions = index$n.ToggletipActions;
-exports.ToggletipButton = index$n.ToggletipButton;
-exports.ToggletipContent = index$n.ToggletipContent;
-exports.ToggletipLabel = index$n.ToggletipLabel;
+exports.Toggletip = index$i.Toggletip;
+exports.ToggletipActions = index$i.ToggletipActions;
+exports.ToggletipButton = index$i.ToggletipButton;
+exports.ToggletipContent = index$i.ToggletipContent;
+exports.ToggletipLabel = index$i.ToggletipLabel;
 exports.UnorderedList = UnorderedList["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -313,23 +306,23 @@ exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.unstable_FeatureFlags = index$o.FeatureFlags;
-exports.unstable_useFeatureFlag = index$o.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$o.useFeatureFlags;
-exports.Heading = index$p.Heading;
-exports.Section = index$p.Section;
-exports.IconButton = index$q.IconButton;
-exports.Layer = index$r.Layer;
-exports.useLayer = index$r.useLayer;
-exports.unstable_OverflowMenuV2 = index$s.OverflowMenuV2;
-exports.Popover = index$t.Popover;
-exports.PopoverContent = index$t.PopoverContent;
-exports.HStack = index$u.HStack;
-exports.VStack = index$u.VStack;
+exports.unstable_FeatureFlags = index$j.FeatureFlags;
+exports.unstable_useFeatureFlag = index$j.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$j.useFeatureFlags;
+exports.Heading = index$k.Heading;
+exports.Section = index$k.Section;
+exports.IconButton = index$l.IconButton;
+exports.Layer = index$m.Layer;
+exports.useLayer = index$m.useLayer;
+exports.unstable_OverflowMenuV2 = index$n.OverflowMenuV2;
+exports.Popover = index$o.Popover;
+exports.PopoverContent = index$o.PopoverContent;
+exports.HStack = index$p.HStack;
+exports.VStack = index$p.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
-exports.GlobalTheme = index$v.GlobalTheme;
-exports.Theme = index$v.Theme;
-exports.useTheme = index$v.useTheme;
+exports.GlobalTheme = index$q.GlobalTheme;
+exports.Theme = index$q.Theme;
+exports.useTheme = index$q.useTheme;
 exports.usePrefix = usePrefix.usePrefix;
 exports.AspectRatio = AspectRatio["default"];
 exports.Filename = Filename["default"];
@@ -338,6 +331,7 @@ exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
 exports.FileUploaderItem = FileUploaderItem["default"];
 exports.Row = Row["default"];
 exports.Column = Column["default"];
+exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderName = HeaderName["default"];
 exports.SkipToContent = SkipToContent["default"];
@@ -356,14 +350,13 @@ exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ProgressBar = ProgressBar["default"];
 exports.unstable_TreeNode = TreeNode["default"];
-exports.ComposedModal = ComposedModal["default"];
-exports.ModalBody = ComposedModal.ModalBody;
 exports.MultiSelect = MultiSelect["default"];
 exports.TextInput = TextInput["default"];
 exports.unstable_Menu = Menu["default"];
 exports.unstable_TreeView = TreeView["default"];
 exports.Breadcrumb = Breadcrumb["default"];
 exports.BreadcrumbItem = BreadcrumbItem["default"];
+exports.ModalBody = ComposedModal.ModalBody;
 exports.Table = Table["default"];
 exports.TableActionList = TableActionList["default"];
 exports.TableBatchAction = TableBatchAction["default"];
@@ -386,9 +379,16 @@ exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.ErrorBoundary = ErrorBoundary["default"];
 exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
+exports.FilterableMultiSelect = FilterableMultiSelect["default"];
 exports.Grid = Grid.Grid;
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.FlexGrid = FlexGrid.FlexGrid;
+exports.ActionableNotification = Notification.ActionableNotification;
+exports.InlineNotification = Notification.InlineNotification;
+exports.NotificationActionButton = Notification.NotificationActionButton;
+exports.NotificationButton = Notification.NotificationButton;
+exports.ToastNotification = Notification.ToastNotification;
+exports.NumberInput = NumberInput.NumberInput;
 exports.ControlledPasswordInput = ControlledPasswordInput["default"];
 exports.PasswordInput = PasswordInput["default"];
 exports.ProgressStep = ProgressIndicator.ProgressStep;

package/lib/internal/createClassWrapper.js

@@ -28,11 +28,8 @@ function createClassWrapper(Component) {
     return /*#__PURE__*/React__default["default"].createElement(Component, props);
   }
 
-  if (process.env.NODE_ENV !== "production") {
-    var name = Component.displayName || Component.name;
-    ClassWrapper.displayName = "ClassWrapper(".concat(name, ")");
-  }
-
+  var name = Component.displayName || Component.name;
+  ClassWrapper.displayName = "ClassWrapper(".concat(name, ")");
   return ClassWrapper;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.7.0",
+  "version": "1.9.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.8.0",
-    "@carbon/icons-react": "^11.5.0",
-    "@carbon/layout": "^11.3.0",
-    "@carbon/styles": "^1.7.0",
+    "@carbon/icons-react": "^11.7.0-rc.0",
+    "@carbon/layout": "^11.5.0-rc.0",
+    "@carbon/styles": "^1.9.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.25.0",
-    "@carbon/themes": "^11.4.0",
+    "@carbon/themes": "^11.6.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -100,7 +100,7 @@
     "html-webpack-plugin": "^5.5.0",
     "mini-css-extract-plugin": "^2.4.5",
     "postcss": "^8.4.5",
-    "postcss-loader": "^6.2.1",
+    "postcss-loader": "^7.0.0",
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "65f0882c8fbf9f52f9acf8cf899b124f9cbab720"
+  "gitHead": "5a23e3960d9bf5b652b96b6a051ae2b04cfa9a08"
 }

package/scss/utilities/_hide-at-breakpoint.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/utilities/hide-at-breakpoint';