@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.
- package/es/components/ComposedModal/ComposedModal.js +2 -1
- package/es/components/ComposedModal/next/ComposedModal.js +2 -1
- package/es/components/DataTable/TableToolbarSearch.js +10 -2
- package/es/components/DatePicker/DatePicker.js +14 -5
- package/es/components/FileUploader/FileUploader.js +1 -1
- package/es/components/FileUploader/FileUploaderButton.js +1 -1
- package/es/components/FileUploader/Filename.js +1 -1
- package/es/components/Form/Form.js +1 -1
- package/es/components/FormGroup/FormGroup.js +4 -4
- package/es/components/FormItem/FormItem.js +5 -6
- package/es/components/Layer/index.js +13 -1
- package/es/components/Link/Link.js +6 -3
- package/es/components/ListBox/ListBoxPropTypes.js +1 -2
- package/es/components/ListBox/ListBoxSelection.js +3 -4
- package/es/components/OverflowMenu/OverflowMenu.js +0 -1
- package/es/components/Popover/index.js +137 -8
- package/es/components/RadioButton/next/RadioButton.js +2 -1
- package/es/components/Select/Select.js +14 -7
- package/es/components/Tabs/next/Tabs.js +42 -4
- package/es/components/Toggle/Toggle.js +147 -109
- package/es/components/UIShell/HeaderMenu.js +1 -1
- package/es/components/UIShell/HeaderMenuButton.js +3 -4
- package/es/components/UIShell/HeaderName.js +3 -4
- package/es/components/UIShell/HeaderNavigation.js +27 -75
- package/es/components/UIShell/SideNav.js +3 -3
- package/es/components/UIShell/SideNavFooter.js +3 -10
- package/es/components/UIShell/SideNavIcon.js +3 -4
- package/es/components/UIShell/SideNavItem.js +4 -5
- package/es/components/UIShell/SideNavLink.js +0 -6
- package/es/components/UIShell/SideNavLinkText.js +3 -4
- package/es/components/UIShell/SideNavMenu.js +93 -131
- package/es/components/UIShell/SideNavSwitcher.js +4 -2
- package/es/components/UIShell/SkipToContent.js +3 -4
- package/es/index.js +13 -11
- package/lib/components/ComposedModal/ComposedModal.js +2 -1
- package/lib/components/ComposedModal/next/ComposedModal.js +2 -1
- package/lib/components/DataTable/TableToolbarSearch.js +10 -2
- package/lib/components/DatePicker/DatePicker.js +14 -5
- package/lib/components/FileUploader/FileUploader.js +1 -1
- package/lib/components/FileUploader/FileUploaderButton.js +1 -1
- package/lib/components/FileUploader/Filename.js +1 -1
- package/lib/components/Form/Form.js +1 -1
- package/lib/components/FormGroup/FormGroup.js +4 -4
- package/lib/components/FormItem/FormItem.js +5 -6
- package/lib/components/Layer/index.js +13 -0
- package/lib/components/Link/Link.js +6 -3
- package/lib/components/ListBox/ListBoxPropTypes.js +1 -21
- package/lib/components/ListBox/ListBoxSelection.js +3 -4
- package/lib/components/OverflowMenu/OverflowMenu.js +0 -1
- package/lib/components/Popover/index.js +135 -6
- package/lib/components/RadioButton/next/RadioButton.js +2 -1
- package/lib/components/Select/Select.js +14 -7
- package/lib/components/Tabs/next/Tabs.js +42 -4
- package/lib/components/Toggle/Toggle.js +146 -107
- package/lib/components/UIShell/HeaderMenu.js +1 -1
- package/lib/components/UIShell/HeaderMenuButton.js +3 -4
- package/lib/components/UIShell/HeaderName.js +3 -4
- package/lib/components/UIShell/HeaderNavigation.js +25 -73
- package/lib/components/UIShell/SideNav.js +3 -3
- package/lib/components/UIShell/SideNavFooter.js +3 -10
- package/lib/components/UIShell/SideNavIcon.js +3 -4
- package/lib/components/UIShell/SideNavItem.js +4 -5
- package/lib/components/UIShell/SideNavLink.js +0 -6
- package/lib/components/UIShell/SideNavLinkText.js +3 -4
- package/lib/components/UIShell/SideNavMenu.js +89 -128
- package/lib/components/UIShell/SideNavSwitcher.js +4 -2
- package/lib/components/UIShell/SkipToContent.js +3 -4
- package/lib/index.js +86 -82
- package/package.json +3 -3
- package/es/components/Toggle/index.js +0 -19
- package/es/components/Toggle/next/Toggle.js +0 -158
- package/es/components/UIShell/index.js +0 -17
- package/es/components/UIShell/next/HeaderNavigation.js +0 -52
- package/es/components/UIShell/next/SideNavMenu.js +0 -160
- package/lib/components/Toggle/index.js +0 -23
- package/lib/components/Toggle/next/Toggle.js +0 -169
- package/lib/components/UIShell/index.js +0 -42
- package/lib/components/UIShell/next/HeaderNavigation.js +0 -62
- 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$
|
|
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$
|
|
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$
|
|
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$
|
|
49
|
-
var index$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
87
|
-
var
|
|
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$
|
|
106
|
-
var index$
|
|
107
|
-
var index$
|
|
108
|
-
var index$
|
|
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$
|
|
112
|
-
var index$
|
|
113
|
-
var index$
|
|
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$
|
|
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
|
|
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
|
|
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$
|
|
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$
|
|
216
|
-
exports.ModalHeader = index$
|
|
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$
|
|
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$
|
|
240
|
-
exports.ActionableNotification = index$
|
|
241
|
-
exports.InlineNotification = index$
|
|
242
|
-
exports.NotificationActionButton = index$
|
|
243
|
-
exports.NotificationButton = index$
|
|
244
|
-
exports.NotificationTextDetails = index$
|
|
245
|
-
exports.ToastNotification = index$
|
|
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$
|
|
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$
|
|
269
|
-
exports.StructuredListCell = index$
|
|
270
|
-
exports.StructuredListHead = index$
|
|
271
|
-
exports.StructuredListInput = index$
|
|
272
|
-
exports.StructuredListRow = index$
|
|
273
|
-
exports.StructuredListWrapper = index$
|
|
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$
|
|
282
|
-
exports.ExpandableTile = index$
|
|
283
|
-
exports.SelectableTile = index$
|
|
284
|
-
exports.Tile = index$
|
|
285
|
-
exports.TileAboveTheFoldContent = index$
|
|
286
|
-
exports.TileBelowTheFoldContent = index$
|
|
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.
|
|
292
|
-
exports.
|
|
293
|
-
exports.
|
|
294
|
-
exports.
|
|
295
|
-
exports.
|
|
296
|
-
exports.
|
|
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.
|
|
315
|
-
exports.
|
|
316
|
-
exports.
|
|
317
|
-
exports.
|
|
318
|
-
exports.
|
|
319
|
-
exports.
|
|
320
|
-
exports.
|
|
321
|
-
exports.
|
|
322
|
-
exports.
|
|
323
|
-
exports.
|
|
324
|
-
exports.
|
|
325
|
-
exports.
|
|
326
|
-
exports.
|
|
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$
|
|
330
|
-
exports.Theme = index$
|
|
331
|
-
exports.useTheme = index$
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
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 };
|