@carbon/react 1.5.0 → 1.7.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/es/components/ComposedModal/ComposedModal.js +2 -1
  2. package/es/components/ComposedModal/next/ComposedModal.js +2 -1
  3. package/es/components/DataTable/TableToolbarSearch.js +10 -2
  4. package/es/components/DatePicker/DatePicker.js +14 -5
  5. package/es/components/FileUploader/FileUploader.js +1 -1
  6. package/es/components/FileUploader/FileUploaderButton.js +1 -1
  7. package/es/components/FileUploader/Filename.js +1 -1
  8. package/es/components/Form/Form.js +1 -1
  9. package/es/components/FormGroup/FormGroup.js +4 -4
  10. package/es/components/FormItem/FormItem.js +5 -6
  11. package/es/components/Layer/index.js +13 -1
  12. package/es/components/Link/Link.js +6 -3
  13. package/es/components/ListBox/ListBoxPropTypes.js +1 -2
  14. package/es/components/ListBox/ListBoxSelection.js +3 -4
  15. package/es/components/OverflowMenu/OverflowMenu.js +0 -1
  16. package/es/components/Popover/index.js +137 -8
  17. package/es/components/RadioButton/next/RadioButton.js +2 -1
  18. package/es/components/Select/Select.js +14 -7
  19. package/es/components/Tabs/next/Tabs.js +42 -4
  20. package/es/components/Toggle/Toggle.js +147 -109
  21. package/es/components/UIShell/HeaderMenu.js +1 -1
  22. package/es/components/UIShell/HeaderMenuButton.js +3 -4
  23. package/es/components/UIShell/HeaderName.js +3 -4
  24. package/es/components/UIShell/HeaderNavigation.js +27 -75
  25. package/es/components/UIShell/SideNav.js +3 -3
  26. package/es/components/UIShell/SideNavFooter.js +3 -10
  27. package/es/components/UIShell/SideNavIcon.js +3 -4
  28. package/es/components/UIShell/SideNavItem.js +4 -5
  29. package/es/components/UIShell/SideNavLink.js +0 -6
  30. package/es/components/UIShell/SideNavLinkText.js +3 -4
  31. package/es/components/UIShell/SideNavMenu.js +93 -131
  32. package/es/components/UIShell/SideNavSwitcher.js +4 -2
  33. package/es/components/UIShell/SkipToContent.js +3 -4
  34. package/es/index.js +13 -11
  35. package/lib/components/ComposedModal/ComposedModal.js +2 -1
  36. package/lib/components/ComposedModal/next/ComposedModal.js +2 -1
  37. package/lib/components/DataTable/TableToolbarSearch.js +10 -2
  38. package/lib/components/DatePicker/DatePicker.js +14 -5
  39. package/lib/components/FileUploader/FileUploader.js +1 -1
  40. package/lib/components/FileUploader/FileUploaderButton.js +1 -1
  41. package/lib/components/FileUploader/Filename.js +1 -1
  42. package/lib/components/Form/Form.js +1 -1
  43. package/lib/components/FormGroup/FormGroup.js +4 -4
  44. package/lib/components/FormItem/FormItem.js +5 -6
  45. package/lib/components/Layer/index.js +13 -0
  46. package/lib/components/Link/Link.js +6 -3
  47. package/lib/components/ListBox/ListBoxPropTypes.js +1 -21
  48. package/lib/components/ListBox/ListBoxSelection.js +3 -4
  49. package/lib/components/OverflowMenu/OverflowMenu.js +0 -1
  50. package/lib/components/Popover/index.js +135 -6
  51. package/lib/components/RadioButton/next/RadioButton.js +2 -1
  52. package/lib/components/Select/Select.js +14 -7
  53. package/lib/components/Tabs/next/Tabs.js +42 -4
  54. package/lib/components/Toggle/Toggle.js +146 -107
  55. package/lib/components/UIShell/HeaderMenu.js +1 -1
  56. package/lib/components/UIShell/HeaderMenuButton.js +3 -4
  57. package/lib/components/UIShell/HeaderName.js +3 -4
  58. package/lib/components/UIShell/HeaderNavigation.js +25 -73
  59. package/lib/components/UIShell/SideNav.js +3 -3
  60. package/lib/components/UIShell/SideNavFooter.js +3 -10
  61. package/lib/components/UIShell/SideNavIcon.js +3 -4
  62. package/lib/components/UIShell/SideNavItem.js +4 -5
  63. package/lib/components/UIShell/SideNavLink.js +0 -6
  64. package/lib/components/UIShell/SideNavLinkText.js +3 -4
  65. package/lib/components/UIShell/SideNavMenu.js +89 -128
  66. package/lib/components/UIShell/SideNavSwitcher.js +4 -2
  67. package/lib/components/UIShell/SkipToContent.js +3 -4
  68. package/lib/index.js +86 -82
  69. package/package.json +3 -3
  70. package/es/components/Toggle/index.js +0 -19
  71. package/es/components/Toggle/next/Toggle.js +0 -158
  72. package/es/components/UIShell/index.js +0 -17
  73. package/es/components/UIShell/next/HeaderNavigation.js +0 -52
  74. package/es/components/UIShell/next/SideNavMenu.js +0 -160
  75. package/lib/components/Toggle/index.js +0 -23
  76. package/lib/components/Toggle/next/Toggle.js +0 -169
  77. package/lib/components/UIShell/index.js +0 -42
  78. package/lib/components/UIShell/next/HeaderNavigation.js +0 -62
  79. package/lib/components/UIShell/next/SideNavMenu.js +0 -170
package/lib/index.js CHANGED
@@ -18,16 +18,16 @@ var Button = require('./components/Button/Button.js');
18
18
  var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
19
19
  var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
20
20
  var Checkbox = require('./components/Checkbox/Checkbox.js');
21
- var index$g = require('./components/ClassPrefix/index.js');
21
+ var index$f = require('./components/ClassPrefix/index.js');
22
22
  var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
23
23
  var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
24
24
  var ComboBox = require('./components/ComboBox/ComboBox.js');
25
- var index$h = require('./components/ComposedModal/index.js');
25
+ var index$g = require('./components/ComposedModal/index.js');
26
26
  var index = require('./components/ContentSwitcher/index.js');
27
27
  var Copy = require('./components/Copy/Copy.js');
28
28
  var CopyButton = require('./components/CopyButton/CopyButton.js');
29
29
  var DangerButton = require('./components/DangerButton/DangerButton.js');
30
- var index$i = require('./components/DataTable/index.js');
30
+ var index$h = require('./components/DataTable/index.js');
31
31
  var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
32
32
  var DatePicker = require('./components/DatePicker/DatePicker.js');
33
33
  var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
@@ -45,8 +45,8 @@ var ListItem = require('./components/ListItem/ListItem.js');
45
45
  var Loading = require('./components/Loading/Loading.js');
46
46
  var index$2 = require('./components/Modal/index.js');
47
47
  var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
48
- var index$j = require('./components/MultiSelect/index.js');
49
- var index$k = require('./components/Notification/index.js');
48
+ var index$i = require('./components/MultiSelect/index.js');
49
+ var index$j = require('./components/Notification/index.js');
50
50
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
51
51
  var NumberInput = require('./components/NumberInput/NumberInput.js');
52
52
  var OrderedList = require('./components/OrderedList/OrderedList.js');
@@ -55,7 +55,7 @@ var index$4 = require('./components/OverflowMenuItem/index.js');
55
55
  var index$5 = require('./components/Pagination/index.js');
56
56
  var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
57
57
  var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
58
- var index$l = require('./components/ProgressIndicator/index.js');
58
+ var index$k = require('./components/ProgressIndicator/index.js');
59
59
  var index$6 = require('./components/RadioButton/index.js');
60
60
  var index$7 = require('./components/RadioButtonGroup/index.js');
61
61
  var index$8 = require('./components/Search/index.js');
@@ -69,7 +69,7 @@ var SelectItem = require('./components/SelectItem/SelectItem.js');
69
69
  var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
70
70
  var Switch = require('./components/Switch/Switch.js');
71
71
  var index$9 = require('./components/Slider/index.js');
72
- var index$m = require('./components/StructuredList/index.js');
72
+ var index$l = require('./components/StructuredList/index.js');
73
73
  var index$a = require('./components/Tab/index.js');
74
74
  var TabContent = require('./components/TabContent/TabContent.js');
75
75
  var index$b = require('./components/Tabs/index.js');
@@ -78,13 +78,14 @@ var Tag = require('./components/Tag/Tag.js');
78
78
  var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
79
79
  var TextArea = require('./components/TextArea/TextArea.js');
80
80
  require('./components/TextInput/index.js');
81
- var index$n = require('./components/Tile/index.js');
81
+ var index$m = require('./components/Tile/index.js');
82
82
  var RadioTile = require('./components/RadioTile/RadioTile.js');
83
83
  var index$c = require('./components/TileGroup/index.js');
84
84
  var index$d = require('./components/TimePicker/index.js');
85
85
  var index$e = require('./components/TimePickerSelect/index.js');
86
- var index$f = require('./components/Toggle/index.js');
87
- var index$o = require('./components/Toggletip/index.js');
86
+ var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
87
+ var Toggle = require('./components/Toggle/Toggle.js');
88
+ var index$n = require('./components/Toggletip/index.js');
88
89
  var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
89
90
  var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
90
91
  var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
@@ -99,21 +100,20 @@ var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
99
100
  var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
100
101
  var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
101
102
  var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
102
- var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
103
103
  var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
104
104
  var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
105
- var index$p = require('./components/UIShell/index.js');
106
- var index$q = require('./components/FeatureFlags/index.js');
107
- var index$r = require('./components/Heading/index.js');
108
- var index$s = require('./components/IconButton/index.js');
109
- var index$t = require('./components/Layer/index.js');
105
+ var index$o = require('./components/FeatureFlags/index.js');
106
+ var index$p = require('./components/Heading/index.js');
107
+ var index$q = require('./components/IconButton/index.js');
108
+ var index$r = require('./components/Layer/index.js');
110
109
  require('./components/Menu/index.js');
111
- var index$u = require('./components/OverflowMenuV2/index.js');
112
- var index$v = require('./components/Popover/index.js');
113
- var index$w = require('./components/Stack/index.js');
110
+ var index$s = require('./components/OverflowMenuV2/index.js');
111
+ var index$t = require('./components/Popover/index.js');
112
+ var index$u = require('./components/Stack/index.js');
114
113
  var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
115
114
  require('./components/TreeView/index.js');
116
- var index$x = require('./components/Theme/index.js');
115
+ var index$v = require('./components/Theme/index.js');
116
+ var usePrefix = require('./internal/usePrefix.js');
117
117
  var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
118
118
  var Filename = require('./components/FileUploader/Filename.js');
119
119
  var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
@@ -121,7 +121,14 @@ var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderD
121
121
  var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
122
122
  var Row = require('./components/Grid/Row.js');
123
123
  var Column = require('./components/Grid/Column.js');
124
+ var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
125
+ var HeaderName = require('./components/UIShell/HeaderName.js');
126
+ var SkipToContent = require('./components/UIShell/SkipToContent.js');
124
127
  var SideNavDivider = require('./components/UIShell/SideNavDivider.js');
128
+ var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
129
+ var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
130
+ var SideNavItem = require('./components/UIShell/SideNavItem.js');
131
+ var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
125
132
  var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
126
133
  var MenuDivider = require('./components/Menu/MenuDivider.js');
127
134
  var MenuGroup = require('./components/Menu/MenuGroup.js');
@@ -174,24 +181,19 @@ var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
174
181
  var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
175
182
  var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
176
183
  var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
177
- var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
178
184
  var HeaderMenuItem = require('./components/UIShell/HeaderMenuItem.js');
179
- var HeaderName = require('./components/UIShell/HeaderName.js');
185
+ var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
180
186
  var HeaderPanel = require('./components/UIShell/HeaderPanel.js');
181
187
  var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
182
188
  var Switcher = require('./components/UIShell/Switcher.js');
183
189
  var SwitcherItem = require('./components/UIShell/SwitcherItem.js');
184
190
  var SwitcherDivider = require('./components/UIShell/SwitcherDivider.js');
185
- var SkipToContent = require('./components/UIShell/SkipToContent.js');
186
191
  var SideNav = require('./components/UIShell/SideNav.js');
187
192
  var SideNavDetails = require('./components/UIShell/SideNavDetails.js');
188
- var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
189
193
  var SideNavHeader = require('./components/UIShell/SideNavHeader.js');
190
- var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
191
- var SideNavItem = require('./components/UIShell/SideNavItem.js');
192
194
  var SideNavItems = require('./components/UIShell/SideNavItems.js');
193
195
  var SideNavLink = require('./components/UIShell/SideNavLink.js');
194
- var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
196
+ var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
195
197
  var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
196
198
  var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
197
199
  var Stack = require('./components/Stack/Stack.js');
@@ -208,17 +210,17 @@ exports.Button = Button["default"];
208
210
  exports.ButtonSet = ButtonSet["default"];
209
211
  exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
210
212
  exports.Checkbox = Checkbox["default"];
211
- exports.ClassPrefix = index$g.ClassPrefix;
213
+ exports.ClassPrefix = index$f.ClassPrefix;
212
214
  exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
213
215
  exports.CodeSnippet = CodeSnippet["default"];
214
216
  exports.ComboBox = ComboBox["default"];
215
- exports.ModalFooter = index$h.ModalFooter;
216
- exports.ModalHeader = index$h.ModalHeader;
217
+ exports.ModalFooter = index$g.ModalFooter;
218
+ exports.ModalHeader = index$g.ModalHeader;
217
219
  exports.ContentSwitcher = index["default"];
218
220
  exports.Copy = Copy["default"];
219
221
  exports.CopyButton = CopyButton["default"];
220
222
  exports.DangerButton = DangerButton["default"];
221
- exports.DataTable = index$i["default"];
223
+ exports.DataTable = index$h["default"];
222
224
  exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
223
225
  exports.DatePicker = DatePicker["default"];
224
226
  exports.DatePickerInput = DatePickerInput["default"];
@@ -236,13 +238,13 @@ exports.ListItem = ListItem["default"];
236
238
  exports.Loading = Loading["default"];
237
239
  exports.Modal = index$2["default"];
238
240
  exports.ModalWrapper = ModalWrapper["default"];
239
- exports.FilterableMultiSelect = index$j.FilterableMultiSelect;
240
- exports.ActionableNotification = index$k.ActionableNotification;
241
- exports.InlineNotification = index$k.InlineNotification;
242
- exports.NotificationActionButton = index$k.NotificationActionButton;
243
- exports.NotificationButton = index$k.NotificationButton;
244
- exports.NotificationTextDetails = index$k.NotificationTextDetails;
245
- exports.ToastNotification = index$k.ToastNotification;
241
+ exports.FilterableMultiSelect = index$i.FilterableMultiSelect;
242
+ exports.ActionableNotification = index$j.ActionableNotification;
243
+ exports.InlineNotification = index$j.InlineNotification;
244
+ exports.NotificationActionButton = index$j.NotificationActionButton;
245
+ exports.NotificationButton = index$j.NotificationButton;
246
+ exports.NotificationTextDetails = index$j.NotificationTextDetails;
247
+ exports.ToastNotification = index$j.ToastNotification;
246
248
  exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
247
249
  exports.NumberInput = NumberInput["default"];
248
250
  exports.OrderedList = OrderedList["default"];
@@ -251,7 +253,7 @@ exports.OverflowMenuItem = index$4["default"];
251
253
  exports.Pagination = index$5["default"];
252
254
  exports.PaginationNav = PaginationNav["default"];
253
255
  exports.PrimaryButton = PrimaryButton["default"];
254
- exports.ProgressIndicator = index$l.ProgressIndicator;
256
+ exports.ProgressIndicator = index$k.ProgressIndicator;
255
257
  exports.RadioButton = index$6["default"];
256
258
  exports.RadioButtonGroup = index$7["default"];
257
259
  exports.Search = index$8["default"];
@@ -265,12 +267,12 @@ exports.SelectItem = SelectItem["default"];
265
267
  exports.SelectItemGroup = SelectItemGroup["default"];
266
268
  exports.Switch = Switch["default"];
267
269
  exports.Slider = index$9["default"];
268
- exports.StructuredListBody = index$m.StructuredListBody;
269
- exports.StructuredListCell = index$m.StructuredListCell;
270
- exports.StructuredListHead = index$m.StructuredListHead;
271
- exports.StructuredListInput = index$m.StructuredListInput;
272
- exports.StructuredListRow = index$m.StructuredListRow;
273
- exports.StructuredListWrapper = index$m.StructuredListWrapper;
270
+ exports.StructuredListBody = index$l.StructuredListBody;
271
+ exports.StructuredListCell = index$l.StructuredListCell;
272
+ exports.StructuredListHead = index$l.StructuredListHead;
273
+ exports.StructuredListInput = index$l.StructuredListInput;
274
+ exports.StructuredListRow = index$l.StructuredListRow;
275
+ exports.StructuredListWrapper = index$l.StructuredListWrapper;
274
276
  exports.Tab = index$a["default"];
275
277
  exports.TabContent = TabContent["default"];
276
278
  exports.Tabs = index$b["default"];
@@ -278,22 +280,23 @@ exports.TagSkeleton = Tag_Skeleton["default"];
278
280
  exports.Tag = Tag["default"];
279
281
  exports.TextAreaSkeleton = TextArea_Skeleton["default"];
280
282
  exports.TextArea = TextArea["default"];
281
- exports.ClickableTile = index$n.ClickableTile;
282
- exports.ExpandableTile = index$n.ExpandableTile;
283
- exports.SelectableTile = index$n.SelectableTile;
284
- exports.Tile = index$n.Tile;
285
- exports.TileAboveTheFoldContent = index$n.TileAboveTheFoldContent;
286
- exports.TileBelowTheFoldContent = index$n.TileBelowTheFoldContent;
283
+ exports.ClickableTile = index$m.ClickableTile;
284
+ exports.ExpandableTile = index$m.ExpandableTile;
285
+ exports.SelectableTile = index$m.SelectableTile;
286
+ exports.Tile = index$m.Tile;
287
+ exports.TileAboveTheFoldContent = index$m.TileAboveTheFoldContent;
288
+ exports.TileBelowTheFoldContent = index$m.TileBelowTheFoldContent;
287
289
  exports.RadioTile = RadioTile["default"];
288
290
  exports.TileGroup = index$c["default"];
289
291
  exports.TimePicker = index$d["default"];
290
292
  exports.TimePickerSelect = index$e["default"];
291
- exports.Toggle = index$f["default"];
292
- exports.Toggletip = index$o.Toggletip;
293
- exports.ToggletipActions = index$o.ToggletipActions;
294
- exports.ToggletipButton = index$o.ToggletipButton;
295
- exports.ToggletipContent = index$o.ToggletipContent;
296
- exports.ToggletipLabel = index$o.ToggletipLabel;
293
+ exports.ToggleSkeleton = Toggle_Skeleton["default"];
294
+ exports.Toggle = Toggle.Toggle;
295
+ exports.Toggletip = index$n.Toggletip;
296
+ exports.ToggletipActions = index$n.ToggletipActions;
297
+ exports.ToggletipButton = index$n.ToggletipButton;
298
+ exports.ToggletipContent = index$n.ToggletipContent;
299
+ exports.ToggletipLabel = index$n.ToggletipLabel;
297
300
  exports.UnorderedList = UnorderedList["default"];
298
301
  exports.SkeletonText = SkeletonText["default"];
299
302
  exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -308,27 +311,26 @@ exports.SearchSkeleton = Search_Skeleton["default"];
308
311
  exports.SliderSkeleton = Slider_Skeleton["default"];
309
312
  exports.TabsSkeleton = Tabs_Skeleton["default"];
310
313
  exports.TextInputSkeleton = TextInput_Skeleton["default"];
311
- exports.ToggleSkeleton = Toggle_Skeleton["default"];
312
314
  exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
313
315
  exports.IconSkeleton = Icon_Skeleton["default"];
314
- exports.HeaderNavigation = index$p.HeaderNavigation;
315
- exports.SideNavMenu = index$p.SideNavMenu;
316
- exports.unstable_FeatureFlags = index$q.FeatureFlags;
317
- exports.unstable_useFeatureFlag = index$q.useFeatureFlag;
318
- exports.unstable_useFeatureFlags = index$q.useFeatureFlags;
319
- exports.Heading = index$r.Heading;
320
- exports.Section = index$r.Section;
321
- exports.IconButton = index$s.IconButton;
322
- exports.Layer = index$t.Layer;
323
- exports.unstable_OverflowMenuV2 = index$u.OverflowMenuV2;
324
- exports.Popover = index$v.Popover;
325
- exports.PopoverContent = index$v.PopoverContent;
326
- exports.HStack = index$w.HStack;
327
- exports.VStack = index$w.VStack;
316
+ exports.unstable_FeatureFlags = index$o.FeatureFlags;
317
+ exports.unstable_useFeatureFlag = index$o.useFeatureFlag;
318
+ exports.unstable_useFeatureFlags = index$o.useFeatureFlags;
319
+ exports.Heading = index$p.Heading;
320
+ exports.Section = index$p.Section;
321
+ exports.IconButton = index$q.IconButton;
322
+ exports.Layer = index$r.Layer;
323
+ exports.useLayer = index$r.useLayer;
324
+ exports.unstable_OverflowMenuV2 = index$s.OverflowMenuV2;
325
+ exports.Popover = index$t.Popover;
326
+ exports.PopoverContent = index$t.PopoverContent;
327
+ exports.HStack = index$u.HStack;
328
+ exports.VStack = index$u.VStack;
328
329
  exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
329
- exports.GlobalTheme = index$x.GlobalTheme;
330
- exports.Theme = index$x.Theme;
331
- exports.useTheme = index$x.useTheme;
330
+ exports.GlobalTheme = index$v.GlobalTheme;
331
+ exports.Theme = index$v.Theme;
332
+ exports.useTheme = index$v.useTheme;
333
+ exports.usePrefix = usePrefix.usePrefix;
332
334
  exports.AspectRatio = AspectRatio["default"];
333
335
  exports.Filename = Filename["default"];
334
336
  exports.FileUploaderButton = FileUploaderButton["default"];
@@ -336,7 +338,14 @@ exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
336
338
  exports.FileUploaderItem = FileUploaderItem["default"];
337
339
  exports.Row = Row["default"];
338
340
  exports.Column = Column["default"];
341
+ exports.HeaderMenuButton = HeaderMenuButton["default"];
342
+ exports.HeaderName = HeaderName["default"];
343
+ exports.SkipToContent = SkipToContent["default"];
339
344
  exports.SideNavDivider = SideNavDivider["default"];
345
+ exports.SideNavFooter = SideNavFooter["default"];
346
+ exports.SideNavIcon = SideNavIcon["default"];
347
+ exports.SideNavItem = SideNavItem["default"];
348
+ exports.SideNavLinkText = SideNavLinkText["default"];
340
349
  exports.unstable_useContextMenu = useContextMenu["default"];
341
350
  exports.unstable_MenuDivider = MenuDivider["default"];
342
351
  exports.unstable_MenuGroup = MenuGroup["default"];
@@ -390,24 +399,19 @@ exports.HeaderContainer = HeaderContainer["default"];
390
399
  exports.HeaderGlobalAction = HeaderGlobalAction["default"];
391
400
  exports.HeaderGlobalBar = HeaderGlobalBar["default"];
392
401
  exports.HeaderMenu = HeaderMenu["default"];
393
- exports.HeaderMenuButton = HeaderMenuButton["default"];
394
402
  exports.HeaderMenuItem = HeaderMenuItem["default"];
395
- exports.HeaderName = HeaderName["default"];
403
+ exports.HeaderNavigation = HeaderNavigation.HeaderNavigation;
396
404
  exports.HeaderPanel = HeaderPanel["default"];
397
405
  exports.HeaderSideNavItems = HeaderSideNavItems["default"];
398
406
  exports.Switcher = Switcher["default"];
399
407
  exports.SwitcherItem = SwitcherItem["default"];
400
408
  exports.SwitcherDivider = SwitcherDivider["default"];
401
- exports.SkipToContent = SkipToContent["default"];
402
409
  exports.SideNav = SideNav["default"];
403
410
  exports.SideNavDetails = SideNavDetails["default"];
404
- exports.SideNavFooter = SideNavFooter["default"];
405
411
  exports.SideNavHeader = SideNavHeader["default"];
406
- exports.SideNavIcon = SideNavIcon["default"];
407
- exports.SideNavItem = SideNavItem["default"];
408
412
  exports.SideNavItems = SideNavItems["default"];
409
413
  exports.SideNavLink = SideNavLink["default"];
410
- exports.SideNavLinkText = SideNavLinkText["default"];
414
+ exports.SideNavMenu = SideNavMenu.SideNavMenu;
411
415
  exports.SideNavMenuItem = SideNavMenuItem["default"];
412
416
  exports.SideNavSwitcher = SideNavSwitcher["default"];
413
417
  exports.Stack = Stack.Stack;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/react",
3
3
  "description": "React components for the Carbon Design System",
4
- "version": "1.5.0",
4
+ "version": "1.7.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -46,7 +46,7 @@
46
46
  "@carbon/feature-flags": "^0.8.0",
47
47
  "@carbon/icons-react": "^11.5.0",
48
48
  "@carbon/layout": "^11.3.0",
49
- "@carbon/styles": "^1.5.0",
49
+ "@carbon/styles": "^1.6.0",
50
50
  "@carbon/telemetry": "0.1.0",
51
51
  "classnames": "2.3.1",
52
52
  "copy-to-clipboard": "^3.3.1",
@@ -129,5 +129,5 @@
129
129
  "**/*.scss",
130
130
  "**/*.css"
131
131
  ],
132
- "gitHead": "b9bfd3eceeda13379b974831fb860ff6bd8064c5"
132
+ "gitHead": "a0ece2d0b5c0b85dc2cce0757f1d9b2d5ee0ce1b"
133
133
  }
@@ -1,19 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { Toggle as Toggle$2 } from './next/Toggle.js';
9
- import ToggleClassic from './Toggle.js';
10
- import { createComponentToggle } from '../../internal/ComponentToggle.js';
11
-
12
- var Toggle = createComponentToggle({
13
- name: 'Toggle',
14
- next: Toggle$2,
15
- classic: ToggleClassic
16
- });
17
- var Toggle$1 = Toggle;
18
-
19
- export { Toggle$1 as default };
@@ -1,158 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default from 'react';
10
- import PropTypes from 'prop-types';
11
- import cx from 'classnames';
12
- import { useControllableState } from '../../../internal/useControllableState.js';
13
- import { usePrefix } from '../../../internal/usePrefix.js';
14
-
15
- var _path;
16
-
17
- var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "size", "toggled"];
18
- function Toggle(_ref) {
19
- var className = _ref.className,
20
- _ref$defaultToggled = _ref.defaultToggled,
21
- defaultToggled = _ref$defaultToggled === void 0 ? false : _ref$defaultToggled,
22
- _ref$disabled = _ref.disabled,
23
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
24
- _ref$hideLabel = _ref.hideLabel,
25
- hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
26
- id = _ref.id,
27
- _ref$labelA = _ref.labelA,
28
- labelA = _ref$labelA === void 0 ? 'Off' : _ref$labelA,
29
- _ref$labelB = _ref.labelB,
30
- labelB = _ref$labelB === void 0 ? 'On' : _ref$labelB,
31
- labelText = _ref.labelText,
32
- onClick = _ref.onClick,
33
- onToggle = _ref.onToggle,
34
- _ref$size = _ref.size,
35
- size = _ref$size === void 0 ? 'md' : _ref$size,
36
- toggled = _ref.toggled,
37
- other = _objectWithoutProperties(_ref, _excluded);
38
-
39
- var prefix = usePrefix();
40
-
41
- var _useControllableState = useControllableState({
42
- value: toggled,
43
- onChange: onToggle,
44
- defaultValue: defaultToggled
45
- }),
46
- _useControllableState2 = _slicedToArray(_useControllableState, 2),
47
- checked = _useControllableState2[0],
48
- setChecked = _useControllableState2[1];
49
-
50
- function handleClick(e) {
51
- setChecked(!checked);
52
-
53
- if (onClick) {
54
- onClick(e);
55
- }
56
- }
57
-
58
- var isSm = size === 'sm';
59
- var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
60
- var wrapperClasses = cx("".concat(prefix, "--toggle"), _defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
61
- var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
62
- var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
63
- var switchClasses = cx("".concat(prefix, "--toggle__switch"), _defineProperty({}, "".concat(prefix, "--toggle__switch--checked"), checked));
64
- return /*#__PURE__*/React__default.createElement("div", {
65
- className: wrapperClasses
66
- }, /*#__PURE__*/React__default.createElement("button", _extends({}, other, {
67
- id: id,
68
- className: "".concat(prefix, "--toggle__button"),
69
- role: "switch",
70
- type: "button",
71
- "aria-checked": checked,
72
- disabled: disabled,
73
- onClick: handleClick
74
- })), /*#__PURE__*/React__default.createElement("label", {
75
- htmlFor: id,
76
- className: "".concat(prefix, "--toggle__label")
77
- }, /*#__PURE__*/React__default.createElement("span", {
78
- className: labelTextClasses
79
- }, labelText), /*#__PURE__*/React__default.createElement("div", {
80
- className: appearanceClasses
81
- }, /*#__PURE__*/React__default.createElement("div", {
82
- className: switchClasses
83
- }, isSm && /*#__PURE__*/React__default.createElement("svg", {
84
- className: "".concat(prefix, "--toggle__check"),
85
- width: "6px",
86
- height: "5px",
87
- viewBox: "0 0 6 5"
88
- }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
89
- d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
90
- })))), /*#__PURE__*/React__default.createElement("span", {
91
- className: "".concat(prefix, "--toggle__text"),
92
- "aria-hidden": "true"
93
- }, sideLabel))));
94
- }
95
- Toggle.propTypes = {
96
- /**
97
- * Specify a custom className to apply to the form-item node
98
- */
99
- className: PropTypes.string,
100
-
101
- /**
102
- * Specify whether the toggle should be on by default
103
- */
104
- defaultToggled: PropTypes.bool,
105
-
106
- /**
107
- * Whether this control should be disabled
108
- */
109
- disabled: PropTypes.bool,
110
-
111
- /**
112
- * Specify whether the label should be hidden, or not
113
- */
114
- hideLabel: PropTypes.bool,
115
-
116
- /**
117
- * Provide an id that unique represents the underlying `<button>`
118
- */
119
- id: PropTypes.string.isRequired,
120
-
121
- /**
122
- * Specify the label for the "off" position
123
- */
124
- labelA: PropTypes.node,
125
-
126
- /**
127
- * Specify the label for the "on" position
128
- */
129
- labelB: PropTypes.node,
130
-
131
- /**
132
- * Provide the text that will be read by a screen reader when visiting this
133
- * control
134
- */
135
- labelText: PropTypes.node.isRequired,
136
-
137
- /**
138
- * Provide an event listener that is called when the control is clicked
139
- */
140
- onClick: PropTypes.func,
141
-
142
- /**
143
- * Provide an event listener that is called when the control is toggled
144
- */
145
- onToggle: PropTypes.func,
146
-
147
- /**
148
- * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
149
- */
150
- size: PropTypes.oneOf(['sm', 'md']),
151
-
152
- /**
153
- * Specify whether the control is toggled
154
- */
155
- toggled: PropTypes.bool
156
- };
157
-
158
- export { Toggle, Toggle as default };
@@ -1,17 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import * as FeatureFlags from '@carbon/feature-flags';
9
- import HeaderNavigation$2 from './HeaderNavigation.js';
10
- import SideNavMenuClassic from './SideNavMenu.js';
11
- import { SideNavMenu as SideNavMenu$1 } from './next/SideNavMenu.js';
12
- import { HeaderNavigation as HeaderNavigation$1 } from './next/HeaderNavigation.js';
13
-
14
- var HeaderNavigation = FeatureFlags.enabled('enable-v11-release') ? HeaderNavigation$1 : HeaderNavigation$2;
15
- var SideNavMenu = FeatureFlags.enabled('enable-v11-release') ? SideNavMenu$1 : SideNavMenuClassic;
16
-
17
- export { HeaderNavigation, SideNavMenu };
@@ -1,52 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
- import cx from 'classnames';
10
- import React__default from 'react';
11
- import PropTypes from 'prop-types';
12
- import { AriaLabelPropType } from '../../../prop-types/AriaPropTypes.js';
13
- import { usePrefix } from '../../../internal/usePrefix.js';
14
-
15
- var _excluded = ["aria-label", "aria-labelledby", "children", "className"];
16
-
17
- function HeaderNavigation(props) {
18
- var ariaLabel = props['aria-label'],
19
- ariaLabelledBy = props['aria-labelledby'],
20
- children = props.children,
21
- customClassName = props.className,
22
- rest = _objectWithoutProperties(props, _excluded);
23
-
24
- var prefix = usePrefix();
25
- var className = cx("".concat(prefix, "--header__nav"), customClassName); // Assign both label strategies in this option, only one should be defined
26
- // so when we spread that should be the one that is applied to the node
27
-
28
- var accessibilityLabel = {
29
- 'aria-label': ariaLabel,
30
- 'aria-labelledby': ariaLabelledBy
31
- };
32
- return /*#__PURE__*/React__default.createElement("nav", _extends({}, rest, accessibilityLabel, {
33
- className: className
34
- }), /*#__PURE__*/React__default.createElement("ul", {
35
- className: "".concat(prefix, "--header__menu-bar")
36
- }, children));
37
- }
38
-
39
- HeaderNavigation.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
40
- /**
41
- * Provide valid children of HeaderNavigation, for example `HeaderMenuItem`
42
- * or `HeaderMenu`
43
- */
44
- children: PropTypes.node,
45
-
46
- /**
47
- * Optionally provide a custom class to apply to the underlying <nav> node
48
- */
49
- className: PropTypes.string
50
- });
51
-
52
- export { HeaderNavigation };