@carbon/react 1.0.0-rc.0 → 1.0.2

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 (98) hide show
  1. package/README.md +2 -2
  2. package/es/components/Accordion/Accordion.Skeleton.js +1 -7
  3. package/es/components/Accordion/AccordionItem.js +0 -5
  4. package/es/components/Button/Button.Skeleton.js +1 -3
  5. package/es/components/Button/Button.js +51 -113
  6. package/es/components/Checkbox/Checkbox.js +8 -21
  7. package/es/components/CodeSnippet/CodeSnippet.js +3 -11
  8. package/es/components/ComboBox/ComboBox.js +2 -4
  9. package/es/components/ContentSwitcher/index.js +13 -0
  10. package/es/components/DataTable/DataTable.js +5 -14
  11. package/es/components/DataTable/Table.js +3 -11
  12. package/es/components/DataTable/TableBatchAction.js +2 -1
  13. package/es/components/DataTable/TableExpandHeader.js +1 -1
  14. package/es/components/DataTable/TableToolbar.js +1 -2
  15. package/es/components/DataTable/TableToolbarSearch.js +4 -13
  16. package/es/components/DatePickerInput/next/DatePickerInput.js +6 -31
  17. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -13
  18. package/es/components/Dropdown/Dropdown.js +4 -9
  19. package/es/components/ExpandableSearch/ExpandableSearch.js +16 -22
  20. package/es/components/FormGroup/FormGroup.js +4 -14
  21. package/es/components/IconButton/index.js +0 -1
  22. package/es/components/InlineLoading/InlineLoading.js +2 -9
  23. package/es/components/ListBox/ListBox.js +10 -0
  24. package/es/components/Modal/next/Modal.js +5 -8
  25. package/es/components/MultiSelect/FilterableMultiSelect.js +1 -2
  26. package/es/components/MultiSelect/MultiSelect.js +2 -3
  27. package/es/components/MultiSelect/next/FilterableMultiSelect.js +1 -2
  28. package/es/components/Notification/next/Notification.js +18 -39
  29. package/es/components/OverflowMenuItem/OverflowMenuItem.js +1 -9
  30. package/es/components/RadioTile/RadioTile.js +6 -13
  31. package/es/components/Search/index.js +3 -3
  32. package/es/components/Search/next/Search.js +25 -20
  33. package/es/components/Select/Select.js +6 -14
  34. package/es/components/Slider/Slider.js +4 -14
  35. package/es/components/StructuredList/next/StructuredList.js +7 -11
  36. package/es/components/TextInput/ControlledPasswordInput.js +2 -2
  37. package/es/components/Tile/next/Tile.js +12 -51
  38. package/es/components/TileGroup/index.js +13 -0
  39. package/es/components/TimePickerSelect/next/TimePickerSelect.js +0 -6
  40. package/es/components/Toggletip/index.js +252 -0
  41. package/es/components/Tooltip/next/DefinitionTooltip.js +1 -1
  42. package/es/index.js +6 -10
  43. package/es/internal/useEvent.js +29 -0
  44. package/icons/package.json +2 -1
  45. package/lib/components/Accordion/Accordion.Skeleton.js +1 -7
  46. package/lib/components/Accordion/AccordionItem.js +0 -5
  47. package/lib/components/Button/Button.Skeleton.js +1 -3
  48. package/lib/components/Button/Button.js +49 -130
  49. package/lib/components/Checkbox/Checkbox.js +8 -21
  50. package/lib/components/CodeSnippet/CodeSnippet.js +3 -11
  51. package/lib/components/ComboBox/ComboBox.js +2 -4
  52. package/lib/components/ContentSwitcher/index.js +17 -0
  53. package/lib/components/DataTable/DataTable.js +5 -33
  54. package/lib/components/DataTable/Table.js +3 -30
  55. package/lib/components/DataTable/TableBatchAction.js +2 -1
  56. package/lib/components/DataTable/TableExpandHeader.js +1 -1
  57. package/lib/components/DataTable/TableToolbar.js +1 -21
  58. package/lib/components/DataTable/TableToolbarSearch.js +4 -13
  59. package/lib/components/DatePickerInput/next/DatePickerInput.js +5 -30
  60. package/lib/components/Dropdown/Dropdown.Skeleton.js +4 -13
  61. package/lib/components/Dropdown/Dropdown.js +4 -9
  62. package/lib/components/ExpandableSearch/ExpandableSearch.js +15 -21
  63. package/lib/components/FormGroup/FormGroup.js +3 -13
  64. package/lib/components/IconButton/index.js +0 -1
  65. package/lib/components/InlineLoading/InlineLoading.js +2 -9
  66. package/lib/components/ListBox/ListBox.js +10 -0
  67. package/lib/components/Modal/next/Modal.js +5 -8
  68. package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -2
  69. package/lib/components/MultiSelect/MultiSelect.js +2 -3
  70. package/lib/components/MultiSelect/next/FilterableMultiSelect.js +1 -2
  71. package/lib/components/Notification/next/Notification.js +18 -39
  72. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +1 -9
  73. package/lib/components/RadioTile/RadioTile.js +6 -13
  74. package/lib/components/Search/next/Search.js +25 -20
  75. package/lib/components/Select/Select.js +6 -33
  76. package/lib/components/Slider/Slider.js +4 -14
  77. package/lib/components/StructuredList/next/StructuredList.js +7 -11
  78. package/lib/components/TextInput/ControlledPasswordInput.js +2 -2
  79. package/lib/components/Tile/next/Tile.js +12 -51
  80. package/lib/components/TileGroup/index.js +17 -0
  81. package/lib/components/TimePickerSelect/next/TimePickerSelect.js +0 -6
  82. package/lib/components/Toggletip/index.js +266 -0
  83. package/lib/components/Tooltip/next/DefinitionTooltip.js +1 -1
  84. package/lib/index.js +102 -110
  85. package/lib/internal/useEvent.js +33 -0
  86. package/package.json +9 -9
  87. package/es/components/ToggleSmall/ToggleSmall.js +0 -104
  88. package/es/components/Toolbar/Toolbar.js +0 -121
  89. package/es/components/ToolbarSearch/ToolbarSearch.js +0 -168
  90. package/es/components/TooltipDefinition/TooltipDefinition.js +0 -167
  91. package/es/components/TooltipIcon/TooltipIcon.js +0 -235
  92. package/es/tools/createPropAdapter.js +0 -63
  93. package/lib/components/ToggleSmall/ToggleSmall.js +0 -114
  94. package/lib/components/Toolbar/Toolbar.js +0 -135
  95. package/lib/components/ToolbarSearch/ToolbarSearch.js +0 -178
  96. package/lib/components/TooltipDefinition/TooltipDefinition.js +0 -178
  97. package/lib/components/TooltipIcon/TooltipIcon.js +0 -245
  98. package/lib/tools/createPropAdapter.js +0 -67
package/lib/index.js CHANGED
@@ -21,17 +21,17 @@ var Checkbox = require('./components/Checkbox/Checkbox.js');
21
21
  var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
22
22
  var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
23
23
  var ComboBox = require('./components/ComboBox/ComboBox.js');
24
- var index$g = require('./components/ComposedModal/index.js');
25
- var ContentSwitcher = require('./components/ContentSwitcher/ContentSwitcher.js');
24
+ var index$i = require('./components/ComposedModal/index.js');
25
+ var index = require('./components/ContentSwitcher/index.js');
26
26
  var Copy = require('./components/Copy/Copy.js');
27
27
  var CopyButton = require('./components/CopyButton/CopyButton.js');
28
28
  var DangerButton = require('./components/DangerButton/DangerButton.js');
29
- var index$h = require('./components/DataTable/index.js');
30
- var index = require('./components/DatePicker/index.js');
31
- var index$1 = require('./components/DatePickerInput/index.js');
29
+ var index$j = require('./components/DataTable/index.js');
30
+ var index$1 = require('./components/DatePicker/index.js');
31
+ var index$2 = require('./components/DatePickerInput/index.js');
32
32
  var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
33
33
  var Dropdown = require('./components/Dropdown/Dropdown.js');
34
- var index$2 = require('./components/FileUploader/index.js');
34
+ var index$3 = require('./components/FileUploader/index.js');
35
35
  var Form = require('./components/Form/Form.js');
36
36
  var FluidForm = require('./components/FluidForm/FluidForm.js');
37
37
  var FormGroup = require('./components/FormGroup/FormGroup.js');
@@ -41,22 +41,22 @@ var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
41
41
  var Link = require('./components/Link/Link.js');
42
42
  var ListItem = require('./components/ListItem/ListItem.js');
43
43
  var Loading = require('./components/Loading/Loading.js');
44
- var index$3 = require('./components/Modal/index.js');
44
+ var index$4 = require('./components/Modal/index.js');
45
45
  var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
46
- var index$i = require('./components/MultiSelect/index.js');
47
- var index$j = require('./components/Notification/index.js');
46
+ var index$k = require('./components/MultiSelect/index.js');
47
+ var index$l = require('./components/Notification/index.js');
48
48
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
49
49
  var NumberInput = require('./components/NumberInput/NumberInput.js');
50
50
  var OrderedList = require('./components/OrderedList/OrderedList.js');
51
- var index$4 = require('./components/OverflowMenu/index.js');
52
- var index$5 = require('./components/OverflowMenuItem/index.js');
53
- var index$6 = require('./components/Pagination/index.js');
51
+ var index$5 = require('./components/OverflowMenu/index.js');
52
+ var index$6 = require('./components/OverflowMenuItem/index.js');
53
+ var index$7 = require('./components/Pagination/index.js');
54
54
  var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
55
55
  var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
56
- var index$k = require('./components/ProgressIndicator/index.js');
57
- var index$7 = require('./components/RadioButton/index.js');
58
- var index$8 = require('./components/RadioButtonGroup/index.js');
59
- var index$9 = require('./components/Search/index.js');
56
+ var index$m = require('./components/ProgressIndicator/index.js');
57
+ var index$8 = require('./components/RadioButton/index.js');
58
+ var index$9 = require('./components/RadioButtonGroup/index.js');
59
+ var index$a = require('./components/Search/index.js');
60
60
  var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
61
61
  var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
62
62
  var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
@@ -66,28 +66,23 @@ var Select = require('./components/Select/Select.js');
66
66
  var SelectItem = require('./components/SelectItem/SelectItem.js');
67
67
  var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
68
68
  var Switch = require('./components/Switch/Switch.js');
69
- var index$a = require('./components/Slider/index.js');
70
- var index$l = require('./components/StructuredList/index.js');
71
- var index$b = require('./components/Tab/index.js');
69
+ var index$b = require('./components/Slider/index.js');
70
+ var index$n = require('./components/StructuredList/index.js');
71
+ var index$c = require('./components/Tab/index.js');
72
72
  var TabContent = require('./components/TabContent/TabContent.js');
73
- var index$c = require('./components/Tabs/index.js');
73
+ var index$d = require('./components/Tabs/index.js');
74
74
  var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
75
75
  var Tag = require('./components/Tag/Tag.js');
76
76
  var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
77
77
  var TextArea = require('./components/TextArea/TextArea.js');
78
78
  require('./components/TextInput/index.js');
79
- var index$m = require('./components/Tile/index.js');
79
+ var index$o = require('./components/Tile/index.js');
80
80
  var RadioTile = require('./components/RadioTile/RadioTile.js');
81
- var TileGroup = require('./components/TileGroup/TileGroup.js');
82
- var index$d = require('./components/TimePicker/index.js');
83
- var index$e = require('./components/TimePickerSelect/index.js');
84
- var index$f = require('./components/Toggle/index.js');
85
- var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
86
- var ToggleSmall = require('./components/ToggleSmall/ToggleSmall.js');
87
- var Toolbar = require('./components/Toolbar/Toolbar.js');
88
- var ToolbarSearch = require('./components/ToolbarSearch/ToolbarSearch.js');
89
- var TooltipDefinition = require('./components/TooltipDefinition/TooltipDefinition.js');
90
- var TooltipIcon = require('./components/TooltipIcon/TooltipIcon.js');
81
+ var index$e = require('./components/TileGroup/index.js');
82
+ var index$f = require('./components/TimePicker/index.js');
83
+ var index$g = require('./components/TimePickerSelect/index.js');
84
+ var index$h = require('./components/Toggle/index.js');
85
+ var index$p = require('./components/Toggletip/index.js');
91
86
  var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
92
87
  var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
93
88
  var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
@@ -103,20 +98,21 @@ var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
103
98
  var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
104
99
  var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
105
100
  var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
101
+ var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
106
102
  var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
107
103
  var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
108
- var index$n = require('./components/UIShell/index.js');
109
- var index$o = require('./components/FeatureFlags/index.js');
110
- var index$p = require('./components/Heading/index.js');
111
- var index$q = require('./components/IconButton/index.js');
112
- var index$r = require('./components/Layer/index.js');
104
+ var index$q = require('./components/UIShell/index.js');
105
+ var index$r = require('./components/FeatureFlags/index.js');
106
+ var index$s = require('./components/Heading/index.js');
107
+ var index$t = require('./components/IconButton/index.js');
108
+ var index$u = require('./components/Layer/index.js');
113
109
  require('./components/Menu/index.js');
114
- var index$s = require('./components/OverflowMenuV2/index.js');
115
- var index$t = require('./components/Popover/index.js');
116
- var index$u = require('./components/Stack/index.js');
110
+ var index$v = require('./components/OverflowMenuV2/index.js');
111
+ var index$w = require('./components/Popover/index.js');
112
+ var index$x = require('./components/Stack/index.js');
117
113
  var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
118
114
  require('./components/TreeView/index.js');
119
- var index$v = require('./components/Theme/index.js');
115
+ var index$y = require('./components/Theme/index.js');
120
116
  var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
121
117
  var Filename = require('./components/FileUploader/Filename.js');
122
118
  var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
@@ -214,18 +210,18 @@ exports.Checkbox = Checkbox["default"];
214
210
  exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
215
211
  exports.CodeSnippet = CodeSnippet["default"];
216
212
  exports.ComboBox = ComboBox["default"];
217
- exports.ModalFooter = index$g.ModalFooter;
218
- exports.ModalHeader = index$g.ModalHeader;
219
- exports.ContentSwitcher = ContentSwitcher["default"];
213
+ exports.ModalFooter = index$i.ModalFooter;
214
+ exports.ModalHeader = index$i.ModalHeader;
215
+ exports.ContentSwitcher = index["default"];
220
216
  exports.Copy = Copy["default"];
221
217
  exports.CopyButton = CopyButton["default"];
222
218
  exports.DangerButton = DangerButton["default"];
223
- exports.DataTable = index$h["default"];
224
- exports.DatePicker = index["default"];
225
- exports.DatePickerInput = index$1["default"];
219
+ exports.DataTable = index$j["default"];
220
+ exports.DatePicker = index$1["default"];
221
+ exports.DatePickerInput = index$2["default"];
226
222
  exports.DropdownSkeleton = Dropdown_Skeleton["default"];
227
223
  exports.Dropdown = Dropdown["default"];
228
- exports.FileUploader = index$2["default"];
224
+ exports.FileUploader = index$3["default"];
229
225
  exports.Form = Form["default"];
230
226
  exports.FluidForm = FluidForm["default"];
231
227
  exports.FormGroup = FormGroup["default"];
@@ -235,27 +231,27 @@ exports.InlineLoading = InlineLoading["default"];
235
231
  exports.Link = Link["default"];
236
232
  exports.ListItem = ListItem["default"];
237
233
  exports.Loading = Loading["default"];
238
- exports.Modal = index$3["default"];
234
+ exports.Modal = index$4["default"];
239
235
  exports.ModalWrapper = ModalWrapper["default"];
240
- exports.FilterableMultiSelect = index$i.FilterableMultiSelect;
241
- exports.ActionableNotification = index$j.ActionableNotification;
242
- exports.InlineNotification = index$j.InlineNotification;
243
- exports.NotificationActionButton = index$j.NotificationActionButton;
244
- exports.NotificationButton = index$j.NotificationButton;
245
- exports.NotificationTextDetails = index$j.NotificationTextDetails;
246
- exports.ToastNotification = index$j.ToastNotification;
236
+ exports.FilterableMultiSelect = index$k.FilterableMultiSelect;
237
+ exports.ActionableNotification = index$l.ActionableNotification;
238
+ exports.InlineNotification = index$l.InlineNotification;
239
+ exports.NotificationActionButton = index$l.NotificationActionButton;
240
+ exports.NotificationButton = index$l.NotificationButton;
241
+ exports.NotificationTextDetails = index$l.NotificationTextDetails;
242
+ exports.ToastNotification = index$l.ToastNotification;
247
243
  exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
248
244
  exports.NumberInput = NumberInput["default"];
249
245
  exports.OrderedList = OrderedList["default"];
250
- exports.OverflowMenu = index$4["default"];
251
- exports.OverflowMenuItem = index$5["default"];
252
- exports.Pagination = index$6["default"];
246
+ exports.OverflowMenu = index$5["default"];
247
+ exports.OverflowMenuItem = index$6["default"];
248
+ exports.Pagination = index$7["default"];
253
249
  exports.PaginationNav = PaginationNav["default"];
254
250
  exports.PrimaryButton = PrimaryButton["default"];
255
- exports.ProgressIndicator = index$k.ProgressIndicator;
256
- exports.RadioButton = index$7["default"];
257
- exports.RadioButtonGroup = index$8["default"];
258
- exports.Search = index$9["default"];
251
+ exports.ProgressIndicator = index$m.ProgressIndicator;
252
+ exports.RadioButton = index$8["default"];
253
+ exports.RadioButtonGroup = index$9["default"];
254
+ exports.Search = index$a["default"];
259
255
  exports.SearchFilterButton = SearchFilterButton["default"];
260
256
  exports.SearchLayoutButton = SearchLayoutButton["default"];
261
257
  exports.ExpandableSearch = ExpandableSearch["default"];
@@ -265,41 +261,36 @@ exports.Select = Select["default"];
265
261
  exports.SelectItem = SelectItem["default"];
266
262
  exports.SelectItemGroup = SelectItemGroup["default"];
267
263
  exports.Switch = Switch["default"];
268
- exports.Slider = index$a["default"];
269
- exports.StructuredListBody = index$l.StructuredListBody;
270
- exports.StructuredListCell = index$l.StructuredListCell;
271
- exports.StructuredListHead = index$l.StructuredListHead;
272
- exports.StructuredListInput = index$l.StructuredListInput;
273
- exports.StructuredListRow = index$l.StructuredListRow;
274
- exports.StructuredListWrapper = index$l.StructuredListWrapper;
275
- exports.Tab = index$b["default"];
264
+ exports.Slider = index$b["default"];
265
+ exports.StructuredListBody = index$n.StructuredListBody;
266
+ exports.StructuredListCell = index$n.StructuredListCell;
267
+ exports.StructuredListHead = index$n.StructuredListHead;
268
+ exports.StructuredListInput = index$n.StructuredListInput;
269
+ exports.StructuredListRow = index$n.StructuredListRow;
270
+ exports.StructuredListWrapper = index$n.StructuredListWrapper;
271
+ exports.Tab = index$c["default"];
276
272
  exports.TabContent = TabContent["default"];
277
- exports.Tabs = index$c["default"];
273
+ exports.Tabs = index$d["default"];
278
274
  exports.TagSkeleton = Tag_Skeleton["default"];
279
275
  exports.Tag = Tag["default"];
280
276
  exports.TextAreaSkeleton = TextArea_Skeleton["default"];
281
277
  exports.TextArea = TextArea["default"];
282
- exports.ClickableTile = index$m.ClickableTile;
283
- exports.ExpandableTile = index$m.ExpandableTile;
284
- exports.SelectableTile = index$m.SelectableTile;
285
- exports.Tile = index$m.Tile;
286
- exports.TileAboveTheFoldContent = index$m.TileAboveTheFoldContent;
287
- exports.TileBelowTheFoldContent = index$m.TileBelowTheFoldContent;
278
+ exports.ClickableTile = index$o.ClickableTile;
279
+ exports.ExpandableTile = index$o.ExpandableTile;
280
+ exports.SelectableTile = index$o.SelectableTile;
281
+ exports.Tile = index$o.Tile;
282
+ exports.TileAboveTheFoldContent = index$o.TileAboveTheFoldContent;
283
+ exports.TileBelowTheFoldContent = index$o.TileBelowTheFoldContent;
288
284
  exports.RadioTile = RadioTile["default"];
289
- exports.TileGroup = TileGroup["default"];
290
- exports.TimePicker = index$d["default"];
291
- exports.TimePickerSelect = index$e["default"];
292
- exports.Toggle = index$f["default"];
293
- exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
294
- exports.ToggleSmall = ToggleSmall["default"];
295
- exports.Toolbar = Toolbar["default"];
296
- exports.ToolbarDivider = Toolbar.ToolbarDivider;
297
- exports.ToolbarItem = Toolbar.ToolbarItem;
298
- exports.ToolbarOption = Toolbar.ToolbarOption;
299
- exports.ToolbarTitle = Toolbar.ToolbarTitle;
300
- exports.ToolbarSearch = ToolbarSearch["default"];
301
- exports.TooltipDefinition = TooltipDefinition["default"];
302
- exports.TooltipIcon = TooltipIcon["default"];
285
+ exports.TileGroup = index$e["default"];
286
+ exports.TimePicker = index$f["default"];
287
+ exports.TimePickerSelect = index$g["default"];
288
+ exports.Toggle = index$h["default"];
289
+ exports.Toggletip = index$p.Toggletip;
290
+ exports.ToggletipActions = index$p.ToggletipActions;
291
+ exports.ToggletipButton = index$p.ToggletipButton;
292
+ exports.ToggletipContent = index$p.ToggletipContent;
293
+ exports.ToggletipLabel = index$p.ToggletipLabel;
303
294
  exports.UnorderedList = UnorderedList["default"];
304
295
  exports.SkeletonText = SkeletonText["default"];
305
296
  exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -315,26 +306,27 @@ exports.SliderSkeleton = Slider_Skeleton["default"];
315
306
  exports.TabsSkeleton = Tabs_Skeleton["default"];
316
307
  exports.TextInputSkeleton = TextInput_Skeleton["default"];
317
308
  exports.ToggleSkeleton = Toggle_Skeleton["default"];
309
+ exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
318
310
  exports.IconSkeleton = Icon_Skeleton["default"];
319
311
  exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
320
- exports.HeaderNavigation = index$n.HeaderNavigation;
321
- exports.SideNavMenu = index$n.SideNavMenu;
322
- exports.unstable_FeatureFlags = index$o.FeatureFlags;
323
- exports.unstable_useFeatureFlag = index$o.useFeatureFlag;
324
- exports.unstable_useFeatureFlags = index$o.useFeatureFlags;
325
- exports.Heading = index$p.Heading;
326
- exports.Section = index$p.Section;
327
- exports.IconButton = index$q.IconButton;
328
- exports.Layer = index$r.Layer;
329
- exports.unstable_OverflowMenuV2 = index$s.OverflowMenuV2;
330
- exports.Popover = index$t.Popover;
331
- exports.PopoverContent = index$t.PopoverContent;
332
- exports.HStack = index$u.HStack;
333
- exports.VStack = index$u.VStack;
312
+ exports.HeaderNavigation = index$q.HeaderNavigation;
313
+ exports.SideNavMenu = index$q.SideNavMenu;
314
+ exports.unstable_FeatureFlags = index$r.FeatureFlags;
315
+ exports.unstable_useFeatureFlag = index$r.useFeatureFlag;
316
+ exports.unstable_useFeatureFlags = index$r.useFeatureFlags;
317
+ exports.Heading = index$s.Heading;
318
+ exports.Section = index$s.Section;
319
+ exports.IconButton = index$t.IconButton;
320
+ exports.Layer = index$u.Layer;
321
+ exports.unstable_OverflowMenuV2 = index$v.OverflowMenuV2;
322
+ exports.Popover = index$w.Popover;
323
+ exports.PopoverContent = index$w.PopoverContent;
324
+ exports.HStack = index$x.HStack;
325
+ exports.VStack = index$x.VStack;
334
326
  exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
335
- exports.GlobalTheme = index$v.GlobalTheme;
336
- exports.Theme = index$v.Theme;
337
- exports.useTheme = index$v.useTheme;
327
+ exports.GlobalTheme = index$y.GlobalTheme;
328
+ exports.Theme = index$y.Theme;
329
+ exports.useTheme = index$y.useTheme;
338
330
  exports.AspectRatio = AspectRatio["default"];
339
331
  exports.Filename = Filename["default"];
340
332
  exports.FileUploaderButton = FileUploaderButton["default"];
@@ -384,8 +376,8 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
384
376
  exports.ErrorBoundary = ErrorBoundary["default"];
385
377
  exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
386
378
  exports.Grid = Grid.Grid;
387
- exports.unstable_ColumnHang = ColumnHang.ColumnHang;
388
- exports.unstable_FlexGrid = FlexGrid.FlexGrid;
379
+ exports.ColumnHang = ColumnHang.ColumnHang;
380
+ exports.FlexGrid = FlexGrid.FlexGrid;
389
381
  exports.ControlledPasswordInput = ControlledPasswordInput["default"];
390
382
  exports.PasswordInput = PasswordInput["default"];
391
383
  exports.ProgressStep = ProgressIndicator.ProgressStep;
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2021
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
+ 'use strict';
9
+
10
+ Object.defineProperty(exports, '__esModule', { value: true });
11
+
12
+ var React = require('react');
13
+
14
+ function useWindowEvent(eventName, callback) {
15
+ var savedCallback = React.useRef(null);
16
+ React.useEffect(function () {
17
+ savedCallback.current = callback;
18
+ });
19
+ React.useEffect(function () {
20
+ function handler(event) {
21
+ if (savedCallback.current) {
22
+ savedCallback.current(event);
23
+ }
24
+ }
25
+
26
+ window.addEventListener(eventName, handler);
27
+ return function () {
28
+ window.removeEventListener(eventName, handler);
29
+ };
30
+ }, [eventName]);
31
+ }
32
+
33
+ exports.useWindowEvent = useWindowEvent;
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.0.0-rc.0",
4
+ "version": "1.0.2",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -45,9 +45,9 @@
45
45
  "dependencies": {
46
46
  "@babel/runtime": "^7.16.7",
47
47
  "@carbon/feature-flags": "^0.7.0",
48
- "@carbon/icons-react": "^11.0.0-rc.0",
49
- "@carbon/layout": "^11.0.0-rc.0",
50
- "@carbon/styles": "^1.0.0-rc.0",
48
+ "@carbon/icons-react": "^11.0.1",
49
+ "@carbon/layout": "^11.0.0",
50
+ "@carbon/styles": "^1.0.1",
51
51
  "@carbon/telemetry": "0.1.0",
52
52
  "classnames": "2.3.1",
53
53
  "copy-to-clipboard": "^3.3.1",
@@ -73,8 +73,8 @@
73
73
  "@babel/plugin-transform-react-constant-elements": "^7.16.7",
74
74
  "@babel/preset-env": "^7.16.7",
75
75
  "@babel/preset-react": "^7.16.7",
76
- "@carbon/test-utils": "^10.22.0-rc.0",
77
- "@carbon/themes": "^11.0.0-rc.0",
76
+ "@carbon/test-utils": "^10.22.0",
77
+ "@carbon/themes": "^11.0.1",
78
78
  "@cypress/react": "^5.11.0",
79
79
  "@cypress/webpack-dev-server": "1.8.3",
80
80
  "@percy/cypress": "^3.1.1",
@@ -97,9 +97,9 @@
97
97
  "autoprefixer": "^10.4.0",
98
98
  "babel-loader": "^8.2.3",
99
99
  "babel-plugin-dev-expression": "^0.2.3",
100
- "babel-preset-carbon": "^0.2.1-rc.0",
100
+ "babel-preset-carbon": "^0.2.1",
101
101
  "browserify-zlib": "^0.2.0",
102
- "browserslist-config-carbon": "^11.0.0-rc.0",
102
+ "browserslist-config-carbon": "^11.0.0",
103
103
  "css-loader": "^6.5.1",
104
104
  "cypress": "9.5.2",
105
105
  "cypress-real-events": "1.6.0",
@@ -136,5 +136,5 @@
136
136
  "**/*.scss",
137
137
  "**/*.css"
138
138
  ],
139
- "gitHead": "e4894776a4996c10bfc8f9a724532a25966aa622"
139
+ "gitHead": "28e70f9534f5b07a5d23ef1350d362203b1155af"
140
140
  }
@@ -1,104 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2021
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, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import cx from 'classnames';
10
- import PropTypes from 'prop-types';
11
- import React__default from 'react';
12
- import { warning } from '../../internal/warning.js';
13
- import { usePrefix } from '../../internal/usePrefix.js';
14
- import { match } from '../../internal/keyboard/match.js';
15
- import { Enter } from '../../internal/keyboard/keys.js';
16
-
17
- var _path, _ToggleSmall$propType;
18
-
19
- var _excluded = ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelText", "labelA", "labelB"];
20
- var didWarnAboutDeprecation = false;
21
-
22
- var ToggleSmall = function ToggleSmall(_ref) {
23
- var className = _ref.className,
24
- defaultToggled = _ref.defaultToggled,
25
- toggled = _ref.toggled,
26
- _onChange = _ref.onChange,
27
- onToggle = _ref.onToggle,
28
- id = _ref.id,
29
- labelText = _ref.labelText,
30
- labelA = _ref.labelA,
31
- labelB = _ref.labelB,
32
- other = _objectWithoutProperties(_ref, _excluded);
33
-
34
- var prefix = usePrefix();
35
-
36
- if (process.env.NODE_ENV !== "production") {
37
- process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, '`<ToggleSmall>` has been deprecated in favor of `<Toggle size="sm" />` and will be removed in the next major release of `carbon-components-react`') : void 0;
38
- didWarnAboutDeprecation = true;
39
- }
40
-
41
- var input;
42
- var wrapperClasses = cx("".concat(prefix, "--form-item"), _defineProperty({}, className, className));
43
- var checkedProps = {};
44
-
45
- if (typeof toggled !== 'undefined') {
46
- checkedProps.checked = toggled;
47
- } else {
48
- checkedProps.defaultChecked = defaultToggled;
49
- }
50
-
51
- var ariaLabel = typeof labelText === 'string' && labelText || other['aria-label'] || other.ariaLabel || null;
52
- return /*#__PURE__*/React__default.createElement("div", {
53
- className: wrapperClasses
54
- }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, checkedProps, {
55
- "aria-label": null,
56
- type: "checkbox",
57
- id: id,
58
- className: "".concat(prefix, "--toggle-input ").concat(prefix, "--toggle-input--small"),
59
- onChange: function onChange(evt) {
60
- _onChange && _onChange(evt);
61
- onToggle(input.checked, id, evt);
62
- },
63
- ref: function ref(el) {
64
- input = el;
65
- },
66
- onKeyUp: function onKeyUp(evt) {
67
- if (match(evt, Enter)) {
68
- input.checked = !input.checked;
69
- _onChange && _onChange(evt);
70
- onToggle(input.checked, id, evt);
71
- }
72
- }
73
- })), /*#__PURE__*/React__default.createElement("label", {
74
- className: "".concat(prefix, "--toggle-input__label"),
75
- htmlFor: id,
76
- "aria-label": ariaLabel
77
- }, labelText, /*#__PURE__*/React__default.createElement("span", {
78
- className: "".concat(prefix, "--toggle__switch")
79
- }, /*#__PURE__*/React__default.createElement("svg", {
80
- className: "".concat(prefix, "--toggle__check"),
81
- width: "6px",
82
- height: "5px",
83
- viewBox: "0 0 6 5"
84
- }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
85
- d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
86
- }))), /*#__PURE__*/React__default.createElement("span", {
87
- className: "".concat(prefix, "--toggle__text--off"),
88
- "aria-hidden": "true"
89
- }, labelA), /*#__PURE__*/React__default.createElement("span", {
90
- className: "".concat(prefix, "--toggle__text--on"),
91
- "aria-hidden": "true"
92
- }, labelB))));
93
- };
94
-
95
- ToggleSmall.propTypes = (_ToggleSmall$propType = {}, _defineProperty(_ToggleSmall$propType, 'aria-label', PropTypes.string.isRequired), _defineProperty(_ToggleSmall$propType, "className", PropTypes.string), _defineProperty(_ToggleSmall$propType, "defaultToggled", PropTypes.bool), _defineProperty(_ToggleSmall$propType, "id", PropTypes.string.isRequired), _defineProperty(_ToggleSmall$propType, "labelA", PropTypes.node.isRequired), _defineProperty(_ToggleSmall$propType, "labelB", PropTypes.node.isRequired), _defineProperty(_ToggleSmall$propType, "labelText", PropTypes.node), _defineProperty(_ToggleSmall$propType, "onChange", PropTypes.func), _defineProperty(_ToggleSmall$propType, "onToggle", PropTypes.func), _defineProperty(_ToggleSmall$propType, "toggled", PropTypes.bool), _ToggleSmall$propType);
96
- ToggleSmall.defaultProps = {
97
- defaultToggled: false,
98
- onToggle: function onToggle() {},
99
- labelA: 'Off',
100
- labelB: 'On'
101
- };
102
- var ToggleSmall$1 = ToggleSmall;
103
-
104
- export { ToggleSmall$1 as default };
@@ -1,121 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2021
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 } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default from 'react';
10
- import PropTypes from 'prop-types';
11
- import ToolbarSearch from '../ToolbarSearch/ToolbarSearch.js';
12
- import cx from 'classnames';
13
- import { warning } from '../../internal/warning.js';
14
- import { usePrefix } from '../../internal/usePrefix.js';
15
-
16
- var _excluded = ["children", "className"];
17
- var didWarnAboutDeprecation = false;
18
-
19
- var Toolbar = function Toolbar(_ref) {
20
- var children = _ref.children,
21
- className = _ref.className,
22
- other = _objectWithoutProperties(_ref, _excluded);
23
-
24
- var prefix = usePrefix();
25
- var wrapperClasses = cx("".concat(prefix, "--toolbar"), className);
26
-
27
- if (process.env.NODE_ENV !== "production") {
28
- process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, 'The Toolbar component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
29
- didWarnAboutDeprecation = true;
30
- }
31
-
32
- return /*#__PURE__*/React__default.createElement("div", _extends({
33
- className: wrapperClasses
34
- }, other), children);
35
- };
36
-
37
- Toolbar.propTypes = {
38
- /**
39
- * Specify a collection of ToolbarItem's that should render in the Toolbar
40
- */
41
- children: PropTypes.node,
42
-
43
- /**
44
- * Specify an optional className to be applied to the containing Toolbar node
45
- */
46
- className: PropTypes.string
47
- };
48
- var ToolbarItem = function ToolbarItem(_ref2) {
49
- var children = _ref2.children,
50
- type = _ref2.type,
51
- placeHolderText = _ref2.placeHolderText;
52
- var toolbarItem = type === 'search' ? /*#__PURE__*/React__default.createElement(ToolbarSearch, {
53
- placeHolderText: placeHolderText
54
- }) : children;
55
- return toolbarItem;
56
- };
57
- ToolbarItem.propTypes = {
58
- /**
59
- * Specify the contents of the ToolbarItem
60
- */
61
- children: PropTypes.node,
62
-
63
- /**
64
- * Specify the placeholder text for the ToolbarSearch component. Useful if
65
- * `type` is set to 'search'
66
- */
67
- placeHolderText: PropTypes.string,
68
-
69
- /**
70
- * Specify the type of the ToolbarItem. The `search` type will render a
71
- * `ToolbarSearch` component
72
- */
73
- type: PropTypes.string
74
- };
75
- ToolbarItem.defaultProps = {
76
- placeHolderText: 'Provide placeHolderText'
77
- }; // eslint-disable-next-line react/display-name
78
-
79
- var ToolbarTitle = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
80
- var title = _ref3.title;
81
- var prefix = usePrefix();
82
- return /*#__PURE__*/React__default.createElement("li", {
83
- ref: ref,
84
- className: "".concat(prefix, "--toolbar-menu__title")
85
- }, title);
86
- });
87
- ToolbarTitle.displayName = 'ToolbarTitle';
88
- ToolbarTitle.propTypes = {
89
- /**
90
- * Specify the title of the Toolbar
91
- */
92
- title: PropTypes.string
93
- }; // eslint-disable-next-line react/display-name
94
-
95
- var ToolbarOption = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
96
- var children = _ref4.children;
97
- var prefix = usePrefix();
98
- return /*#__PURE__*/React__default.createElement("li", {
99
- ref: ref,
100
- className: "".concat(prefix, "--toolbar-menu__option")
101
- }, children);
102
- });
103
- ToolbarOption.displayName = 'ToolbarOption';
104
- ToolbarOption.propTypes = {
105
- /**
106
- * Specify the contents of the ToolbarOption
107
- */
108
- children: PropTypes.node
109
- }; // eslint-disable-next-line react/display-name
110
-
111
- var ToolbarDivider = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
112
- var prefix = usePrefix();
113
- return /*#__PURE__*/React__default.createElement("hr", {
114
- ref: ref,
115
- className: "".concat(prefix, "--toolbar-menu__divider")
116
- });
117
- });
118
- ToolbarDivider.displayName = 'ToolbarDivider';
119
- var Toolbar$1 = Toolbar;
120
-
121
- export { ToolbarDivider, ToolbarItem, ToolbarOption, ToolbarTitle, Toolbar$1 as default };