@react-spectrum/s2 1.3.1 → 1.4.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/dist/exports/Accordion.cjs.map +1 -1
- package/dist/exports/Accordion.mjs.map +1 -1
- package/dist/exports/ActionMenu.cjs.map +1 -1
- package/dist/exports/ActionMenu.mjs.map +1 -1
- package/dist/exports/Card.cjs.map +1 -1
- package/dist/exports/Card.mjs.map +1 -1
- package/dist/exports/CardView.cjs.map +1 -1
- package/dist/exports/CardView.mjs.map +1 -1
- package/dist/exports/ColorArea.cjs.map +1 -1
- package/dist/exports/ColorArea.mjs.map +1 -1
- package/dist/exports/ColorField.cjs.map +1 -1
- package/dist/exports/ColorField.mjs.map +1 -1
- package/dist/exports/ColorSlider.cjs.map +1 -1
- package/dist/exports/ColorSlider.mjs.map +1 -1
- package/dist/exports/ColorSwatch.cjs.map +1 -1
- package/dist/exports/ColorSwatch.mjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.cjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.mjs.map +1 -1
- package/dist/exports/ColorWheel.cjs.map +1 -1
- package/dist/exports/ColorWheel.mjs.map +1 -1
- package/dist/exports/ContextualHelp.cjs.map +1 -1
- package/dist/exports/ContextualHelp.mjs.map +1 -1
- package/dist/exports/Disclosure.cjs.map +1 -1
- package/dist/exports/Disclosure.mjs.map +1 -1
- package/dist/exports/DragPreview.cjs +12 -0
- package/dist/exports/DragPreview.cjs.map +1 -0
- package/dist/exports/DragPreview.mjs +7 -0
- package/dist/exports/DragPreview.mjs.map +1 -0
- package/dist/exports/Icon.cjs.map +1 -1
- package/dist/exports/Icon.mjs.map +1 -1
- package/dist/exports/LabeledValue.cjs +13 -0
- package/dist/exports/LabeledValue.cjs.map +1 -0
- package/dist/exports/LabeledValue.mjs +7 -0
- package/dist/exports/LabeledValue.mjs.map +1 -0
- package/dist/exports/Menu.cjs.map +1 -1
- package/dist/exports/Menu.mjs.map +1 -1
- package/dist/exports/SegmentedControl.cjs.map +1 -1
- package/dist/exports/SegmentedControl.mjs.map +1 -1
- package/dist/exports/TableView.cjs +1 -0
- package/dist/exports/TableView.cjs.map +1 -1
- package/dist/exports/TableView.mjs +2 -2
- package/dist/exports/TableView.mjs.map +1 -1
- package/dist/exports/TreeView.cjs.map +1 -1
- package/dist/exports/TreeView.mjs.map +1 -1
- package/dist/exports/index.cjs +17 -0
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.mjs +10 -2
- package/dist/exports/index.mjs.map +1 -1
- package/dist/exports/useAsyncList.cjs.map +1 -1
- package/dist/exports/useAsyncList.mjs.map +1 -1
- package/dist/exports/useDragAndDrop.cjs +21 -0
- package/dist/exports/useDragAndDrop.cjs.map +1 -0
- package/dist/exports/useDragAndDrop.mjs +11 -0
- package/dist/exports/useDragAndDrop.mjs.map +1 -0
- package/dist/private/Accordion.cjs +2 -2
- package/dist/private/Accordion.cjs.map +1 -1
- package/dist/private/Accordion.css +2 -2
- package/dist/private/Accordion.css.map +1 -1
- package/dist/private/Accordion.mjs +2 -2
- package/dist/private/Accordion.mjs.map +1 -1
- package/dist/private/ActionBar.cjs +61 -61
- package/dist/private/ActionBar.cjs.map +1 -1
- package/dist/private/ActionBar.css +58 -58
- package/dist/private/ActionBar.css.map +1 -1
- package/dist/private/ActionBar.mjs +61 -61
- package/dist/private/ActionBar.mjs.map +1 -1
- package/dist/private/ActionButton.cjs +350 -323
- package/dist/private/ActionButton.cjs.map +1 -1
- package/dist/private/ActionButton.css +203 -167
- package/dist/private/ActionButton.css.map +1 -1
- package/dist/private/ActionButton.mjs +351 -324
- package/dist/private/ActionButton.mjs.map +1 -1
- package/dist/private/ActionButtonGroup.cjs +15 -15
- package/dist/private/ActionButtonGroup.cjs.map +1 -1
- package/dist/private/ActionButtonGroup.css +9 -9
- package/dist/private/ActionButtonGroup.css.map +1 -1
- package/dist/private/ActionButtonGroup.mjs +15 -15
- package/dist/private/ActionButtonGroup.mjs.map +1 -1
- package/dist/private/ActionMenu.cjs.map +1 -1
- package/dist/private/ActionMenu.mjs.map +1 -1
- package/dist/private/Add.cjs +10 -10
- package/dist/private/Add.cjs.map +1 -1
- package/dist/private/Add.css +6 -6
- package/dist/private/Add.css.map +1 -1
- package/dist/private/Add.mjs +10 -10
- package/dist/private/Add.mjs.map +1 -1
- package/dist/private/AlertDialog.cjs +3 -3
- package/dist/private/AlertDialog.cjs.map +1 -1
- package/dist/private/AlertDialog.css +3 -3
- package/dist/private/AlertDialog.css.map +1 -1
- package/dist/private/AlertDialog.mjs +3 -3
- package/dist/private/AlertDialog.mjs.map +1 -1
- package/dist/private/Asterisk.cjs +6 -6
- package/dist/private/Asterisk.cjs.map +1 -1
- package/dist/private/Asterisk.css +4 -4
- package/dist/private/Asterisk.css.map +1 -1
- package/dist/private/Asterisk.mjs +6 -6
- package/dist/private/Asterisk.mjs.map +1 -1
- package/dist/private/Avatar.cjs +16 -16
- package/dist/private/Avatar.cjs.map +1 -1
- package/dist/private/Avatar.css +16 -16
- package/dist/private/Avatar.css.map +1 -1
- package/dist/private/Avatar.mjs +16 -16
- package/dist/private/Avatar.mjs.map +1 -1
- package/dist/private/AvatarGroup.cjs +120 -120
- package/dist/private/AvatarGroup.cjs.map +1 -1
- package/dist/private/AvatarGroup.css +31 -31
- package/dist/private/AvatarGroup.css.map +1 -1
- package/dist/private/AvatarGroup.mjs +120 -120
- package/dist/private/AvatarGroup.mjs.map +1 -1
- package/dist/private/Badge.cjs +197 -197
- package/dist/private/Badge.cjs.map +1 -1
- package/dist/private/Badge.css +125 -125
- package/dist/private/Badge.css.map +1 -1
- package/dist/private/Badge.mjs +197 -197
- package/dist/private/Badge.mjs.map +1 -1
- package/dist/private/Breadcrumbs.cjs +234 -234
- package/dist/private/Breadcrumbs.cjs.map +1 -1
- package/dist/private/Breadcrumbs.css +100 -100
- package/dist/private/Breadcrumbs.css.map +1 -1
- package/dist/private/Breadcrumbs.mjs +234 -234
- package/dist/private/Breadcrumbs.mjs.map +1 -1
- package/dist/private/Button.cjs +326 -335
- package/dist/private/Button.cjs.map +1 -1
- package/dist/private/Button.css +172 -180
- package/dist/private/Button.css.map +1 -1
- package/dist/private/Button.mjs +326 -335
- package/dist/private/Button.mjs.map +1 -1
- package/dist/private/ButtonGroup.cjs +20 -20
- package/dist/private/ButtonGroup.cjs.map +1 -1
- package/dist/private/ButtonGroup.css +15 -15
- package/dist/private/ButtonGroup.css.map +1 -1
- package/dist/private/ButtonGroup.mjs +20 -20
- package/dist/private/ButtonGroup.mjs.map +1 -1
- package/dist/private/Calendar.cjs +263 -312
- package/dist/private/Calendar.cjs.map +1 -1
- package/dist/private/Calendar.css +155 -167
- package/dist/private/Calendar.css.map +1 -1
- package/dist/private/Calendar.mjs +266 -315
- package/dist/private/Calendar.mjs.map +1 -1
- package/dist/private/Card.cjs +309 -309
- package/dist/private/Card.cjs.map +1 -1
- package/dist/private/Card.css +206 -206
- package/dist/private/Card.css.map +1 -1
- package/dist/private/Card.mjs +309 -309
- package/dist/private/Card.mjs.map +1 -1
- package/dist/private/CardView.cjs +17 -17
- package/dist/private/CardView.cjs.map +1 -1
- package/dist/private/CardView.css +17 -17
- package/dist/private/CardView.css.map +1 -1
- package/dist/private/CardView.mjs +17 -17
- package/dist/private/CardView.mjs.map +1 -1
- package/dist/private/CenterBaseline.cjs +5 -1
- package/dist/private/CenterBaseline.cjs.map +1 -1
- package/dist/private/CenterBaseline.css +2 -2
- package/dist/private/CenterBaseline.css.map +1 -1
- package/dist/private/CenterBaseline.mjs +5 -1
- package/dist/private/CenterBaseline.mjs.map +1 -1
- package/dist/private/Checkbox.cjs +268 -208
- package/dist/private/Checkbox.cjs.map +1 -1
- package/dist/private/Checkbox.css +170 -98
- package/dist/private/Checkbox.css.map +1 -1
- package/dist/private/Checkbox.mjs +269 -209
- package/dist/private/Checkbox.mjs.map +1 -1
- package/dist/private/CheckboxGroup.cjs +44 -43
- package/dist/private/CheckboxGroup.cjs.map +1 -1
- package/dist/private/CheckboxGroup.css +37 -37
- package/dist/private/CheckboxGroup.css.map +1 -1
- package/dist/private/CheckboxGroup.mjs +44 -43
- package/dist/private/CheckboxGroup.mjs.map +1 -1
- package/dist/private/Checkmark.cjs +12 -12
- package/dist/private/Checkmark.cjs.map +1 -1
- package/dist/private/Checkmark.css +8 -8
- package/dist/private/Checkmark.css.map +1 -1
- package/dist/private/Checkmark.mjs +12 -12
- package/dist/private/Checkmark.mjs.map +1 -1
- package/dist/private/Chevron.cjs +12 -12
- package/dist/private/Chevron.cjs.map +1 -1
- package/dist/private/Chevron.css +10 -10
- package/dist/private/Chevron.css.map +1 -1
- package/dist/private/Chevron.mjs +12 -12
- package/dist/private/Chevron.mjs.map +1 -1
- package/dist/private/ClearButton.cjs +30 -30
- package/dist/private/ClearButton.cjs.map +1 -1
- package/dist/private/ClearButton.css +30 -30
- package/dist/private/ClearButton.css.map +1 -1
- package/dist/private/ClearButton.mjs +30 -30
- package/dist/private/ClearButton.mjs.map +1 -1
- package/dist/private/CloseButton.cjs +52 -57
- package/dist/private/CloseButton.cjs.map +1 -1
- package/dist/private/CloseButton.css +47 -51
- package/dist/private/CloseButton.css.map +1 -1
- package/dist/private/CloseButton.mjs +52 -57
- package/dist/private/CloseButton.mjs.map +1 -1
- package/dist/private/ColorArea.cjs +16 -16
- package/dist/private/ColorArea.cjs.map +1 -1
- package/dist/private/ColorArea.css +16 -16
- package/dist/private/ColorArea.css.map +1 -1
- package/dist/private/ColorArea.mjs +16 -16
- package/dist/private/ColorArea.mjs.map +1 -1
- package/dist/private/ColorField.cjs +44 -33
- package/dist/private/ColorField.cjs.map +1 -1
- package/dist/private/ColorField.css +27 -27
- package/dist/private/ColorField.css.map +1 -1
- package/dist/private/ColorField.mjs +44 -33
- package/dist/private/ColorField.mjs.map +1 -1
- package/dist/private/ColorHandle.cjs +27 -27
- package/dist/private/ColorHandle.cjs.map +1 -1
- package/dist/private/ColorHandle.css +42 -42
- package/dist/private/ColorHandle.css.map +1 -1
- package/dist/private/ColorHandle.mjs +27 -27
- package/dist/private/ColorHandle.mjs.map +1 -1
- package/dist/private/ColorSlider.cjs +113 -109
- package/dist/private/ColorSlider.cjs.map +1 -1
- package/dist/private/ColorSlider.css +52 -52
- package/dist/private/ColorSlider.css.map +1 -1
- package/dist/private/ColorSlider.mjs +113 -109
- package/dist/private/ColorSlider.mjs.map +1 -1
- package/dist/private/ColorSwatch.cjs +29 -29
- package/dist/private/ColorSwatch.cjs.map +1 -1
- package/dist/private/ColorSwatch.css +29 -29
- package/dist/private/ColorSwatch.css.map +1 -1
- package/dist/private/ColorSwatch.mjs +29 -29
- package/dist/private/ColorSwatch.mjs.map +1 -1
- package/dist/private/ColorSwatchPicker.cjs +29 -29
- package/dist/private/ColorSwatchPicker.cjs.map +1 -1
- package/dist/private/ColorSwatchPicker.css +48 -48
- package/dist/private/ColorSwatchPicker.css.map +1 -1
- package/dist/private/ColorSwatchPicker.mjs +29 -29
- package/dist/private/ColorSwatchPicker.mjs.map +1 -1
- package/dist/private/ColorWheel.cjs +26 -26
- package/dist/private/ColorWheel.cjs.map +1 -1
- package/dist/private/ColorWheel.css +17 -17
- package/dist/private/ColorWheel.css.map +1 -1
- package/dist/private/ColorWheel.mjs +26 -26
- package/dist/private/ColorWheel.mjs.map +1 -1
- package/dist/private/ComboBox.cjs +384 -405
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.css +192 -188
- package/dist/private/ComboBox.css.map +1 -1
- package/dist/private/ComboBox.mjs +385 -406
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/Content.cjs +2 -1
- package/dist/private/Content.cjs.map +1 -1
- package/dist/private/Content.mjs +2 -1
- package/dist/private/Content.mjs.map +1 -1
- package/dist/private/ContextualHelp.cjs +5 -5
- package/dist/private/ContextualHelp.cjs.map +1 -1
- package/dist/private/ContextualHelp.css +50 -50
- package/dist/private/ContextualHelp.css.map +1 -1
- package/dist/private/ContextualHelp.mjs +5 -5
- package/dist/private/ContextualHelp.mjs.map +1 -1
- package/dist/private/CornerTriangle.cjs +76 -0
- package/dist/private/CornerTriangle.cjs.map +1 -0
- package/dist/private/CornerTriangle.css +26 -0
- package/dist/private/CornerTriangle.css.map +1 -0
- package/dist/private/CornerTriangle.mjs +71 -0
- package/dist/private/CornerTriangle.mjs.map +1 -0
- package/dist/private/Cross.cjs +14 -14
- package/dist/private/Cross.cjs.map +1 -1
- package/dist/private/Cross.css +10 -10
- package/dist/private/Cross.css.map +1 -1
- package/dist/private/Cross.mjs +14 -14
- package/dist/private/Cross.mjs.map +1 -1
- package/dist/private/CustomDialog.cjs +27 -26
- package/dist/private/CustomDialog.cjs.map +1 -1
- package/dist/private/CustomDialog.css +25 -25
- package/dist/private/CustomDialog.css.map +1 -1
- package/dist/private/CustomDialog.mjs +27 -26
- package/dist/private/CustomDialog.mjs.map +1 -1
- package/dist/private/Dash.cjs +10 -10
- package/dist/private/Dash.cjs.map +1 -1
- package/dist/private/Dash.css +6 -6
- package/dist/private/Dash.css.map +1 -1
- package/dist/private/Dash.mjs +10 -10
- package/dist/private/Dash.mjs.map +1 -1
- package/dist/private/DateField.cjs +73 -73
- package/dist/private/DateField.cjs.map +1 -1
- package/dist/private/DateField.css +77 -77
- package/dist/private/DateField.css.map +1 -1
- package/dist/private/DateField.mjs +73 -73
- package/dist/private/DateField.mjs.map +1 -1
- package/dist/private/DatePicker.cjs +172 -172
- package/dist/private/DatePicker.cjs.map +1 -1
- package/dist/private/DatePicker.css +128 -128
- package/dist/private/DatePicker.css.map +1 -1
- package/dist/private/DatePicker.mjs +172 -172
- package/dist/private/DatePicker.mjs.map +1 -1
- package/dist/private/DateRangePicker.cjs +55 -55
- package/dist/private/DateRangePicker.cjs.map +1 -1
- package/dist/private/DateRangePicker.css +59 -59
- package/dist/private/DateRangePicker.css.map +1 -1
- package/dist/private/DateRangePicker.mjs +55 -55
- package/dist/private/DateRangePicker.mjs.map +1 -1
- package/dist/private/Dialog.cjs +21 -18
- package/dist/private/Dialog.cjs.map +1 -1
- package/dist/private/Dialog.css +70 -70
- package/dist/private/Dialog.css.map +1 -1
- package/dist/private/Dialog.mjs +21 -18
- package/dist/private/Dialog.mjs.map +1 -1
- package/dist/private/DialogContainer.cjs.map +1 -1
- package/dist/private/DialogContainer.mjs.map +1 -1
- package/dist/private/DialogTrigger.cjs.map +1 -1
- package/dist/private/DialogTrigger.mjs.map +1 -1
- package/dist/private/Disclosure.cjs +119 -119
- package/dist/private/Disclosure.cjs.map +1 -1
- package/dist/private/Disclosure.css +112 -112
- package/dist/private/Disclosure.css.map +1 -1
- package/dist/private/Disclosure.mjs +119 -119
- package/dist/private/Disclosure.mjs.map +1 -1
- package/dist/private/Divider.cjs +25 -25
- package/dist/private/Divider.cjs.map +1 -1
- package/dist/private/Divider.css +25 -25
- package/dist/private/Divider.css.map +1 -1
- package/dist/private/Divider.mjs +25 -25
- package/dist/private/Divider.mjs.map +1 -1
- package/dist/private/DragHandle.cjs +76 -0
- package/dist/private/DragHandle.cjs.map +1 -0
- package/dist/private/DragHandle.css +26 -0
- package/dist/private/DragHandle.css.map +1 -0
- package/dist/private/DragHandle.mjs +71 -0
- package/dist/private/DragHandle.mjs.map +1 -0
- package/dist/private/DragPreview.cjs +297 -0
- package/dist/private/DragPreview.cjs.map +1 -0
- package/dist/private/DragPreview.css +459 -0
- package/dist/private/DragPreview.css.map +1 -0
- package/dist/private/DragPreview.mjs +288 -0
- package/dist/private/DragPreview.mjs.map +1 -0
- package/dist/private/DropZone.cjs +61 -61
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.css +57 -57
- package/dist/private/DropZone.css.map +1 -1
- package/dist/private/DropZone.mjs +61 -61
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/Field.cjs +421 -372
- package/dist/private/Field.cjs.map +1 -1
- package/dist/private/Field.css +206 -154
- package/dist/private/Field.css.map +1 -1
- package/dist/private/Field.mjs +422 -373
- package/dist/private/Field.mjs.map +1 -1
- package/dist/private/Fonts.cjs.map +1 -1
- package/dist/private/Fonts.mjs.map +1 -1
- package/dist/private/Form.cjs +9 -9
- package/dist/private/Form.cjs.map +1 -1
- package/dist/private/Form.css +9 -9
- package/dist/private/Form.css.map +1 -1
- package/dist/private/Form.mjs +9 -9
- package/dist/private/Form.mjs.map +1 -1
- package/dist/private/FullscreenDialog.cjs +7 -6
- package/dist/private/FullscreenDialog.cjs.map +1 -1
- package/dist/private/FullscreenDialog.css +78 -78
- package/dist/private/FullscreenDialog.css.map +1 -1
- package/dist/private/FullscreenDialog.mjs +7 -6
- package/dist/private/FullscreenDialog.mjs.map +1 -1
- package/dist/private/IllustratedMessage.cjs +228 -228
- package/dist/private/IllustratedMessage.cjs.map +1 -1
- package/dist/private/IllustratedMessage.css +72 -72
- package/dist/private/IllustratedMessage.css.map +1 -1
- package/dist/private/IllustratedMessage.mjs +228 -228
- package/dist/private/IllustratedMessage.mjs.map +1 -1
- package/dist/private/Image.cjs +16 -16
- package/dist/private/Image.cjs.map +1 -1
- package/dist/private/Image.css +14 -14
- package/dist/private/Image.css.map +1 -1
- package/dist/private/Image.mjs +16 -16
- package/dist/private/Image.mjs.map +1 -1
- package/dist/private/ImageCoordinator.cjs.map +1 -1
- package/dist/private/ImageCoordinator.mjs.map +1 -1
- package/dist/private/InlineAlert.cjs +100 -100
- package/dist/private/InlineAlert.cjs.map +1 -1
- package/dist/private/InlineAlert.css +76 -76
- package/dist/private/InlineAlert.css.map +1 -1
- package/dist/private/InlineAlert.mjs +100 -100
- package/dist/private/InlineAlert.mjs.map +1 -1
- package/dist/private/LabeledValue.cjs +359 -0
- package/dist/private/LabeledValue.cjs.map +1 -0
- package/dist/private/LabeledValue.css +285 -0
- package/dist/private/LabeledValue.css.map +1 -0
- package/dist/private/LabeledValue.mjs +353 -0
- package/dist/private/LabeledValue.mjs.map +1 -0
- package/dist/private/Link.cjs +49 -49
- package/dist/private/Link.cjs.map +1 -1
- package/dist/private/Link.css +41 -41
- package/dist/private/Link.css.map +1 -1
- package/dist/private/Link.mjs +49 -49
- package/dist/private/Link.mjs.map +1 -1
- package/dist/private/LinkOut.cjs +8 -8
- package/dist/private/LinkOut.cjs.map +1 -1
- package/dist/private/LinkOut.css +8 -8
- package/dist/private/LinkOut.css.map +1 -1
- package/dist/private/LinkOut.mjs +8 -8
- package/dist/private/LinkOut.mjs.map +1 -1
- package/dist/private/ListView.cjs +422 -489
- package/dist/private/ListView.cjs.map +1 -1
- package/dist/private/ListView.css +276 -348
- package/dist/private/ListView.css.map +1 -1
- package/dist/private/ListView.mjs +422 -488
- package/dist/private/ListView.mjs.map +1 -1
- package/dist/private/Menu.cjs +489 -471
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.css +205 -205
- package/dist/private/Menu.css.map +1 -1
- package/dist/private/Menu.mjs +489 -471
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs +153 -153
- package/dist/private/Meter.cjs.map +1 -1
- package/dist/private/Meter.css +91 -91
- package/dist/private/Meter.css.map +1 -1
- package/dist/private/Meter.mjs +153 -153
- package/dist/private/Meter.mjs.map +1 -1
- package/dist/private/Modal.cjs +74 -74
- package/dist/private/Modal.cjs.map +1 -1
- package/dist/private/Modal.css +59 -59
- package/dist/private/Modal.css.map +1 -1
- package/dist/private/Modal.mjs +74 -74
- package/dist/private/Modal.mjs.map +1 -1
- package/dist/private/NotificationBadge.cjs +56 -56
- package/dist/private/NotificationBadge.cjs.map +1 -1
- package/dist/private/NotificationBadge.css +49 -49
- package/dist/private/NotificationBadge.css.map +1 -1
- package/dist/private/NotificationBadge.mjs +56 -56
- package/dist/private/NotificationBadge.mjs.map +1 -1
- package/dist/private/NumberField.cjs +115 -114
- package/dist/private/NumberField.cjs.map +1 -1
- package/dist/private/NumberField.css +99 -99
- package/dist/private/NumberField.css.map +1 -1
- package/dist/private/NumberField.mjs +115 -114
- package/dist/private/NumberField.mjs.map +1 -1
- package/dist/private/Picker.cjs +277 -277
- package/dist/private/Picker.cjs.map +1 -1
- package/dist/private/Picker.css +173 -173
- package/dist/private/Picker.css.map +1 -1
- package/dist/private/Picker.mjs +277 -277
- package/dist/private/Picker.mjs.map +1 -1
- package/dist/private/Popover.cjs +95 -95
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.css +75 -75
- package/dist/private/Popover.css.map +1 -1
- package/dist/private/Popover.mjs +95 -95
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/ProgressBar.cjs +163 -163
- package/dist/private/ProgressBar.cjs.map +1 -1
- package/dist/private/ProgressBar.css +99 -99
- package/dist/private/ProgressBar.css.map +1 -1
- package/dist/private/ProgressBar.mjs +163 -163
- package/dist/private/ProgressBar.mjs.map +1 -1
- package/dist/private/ProgressCircle.cjs +31 -31
- package/dist/private/ProgressCircle.cjs.map +1 -1
- package/dist/private/ProgressCircle.css +24 -24
- package/dist/private/ProgressCircle.css.map +1 -1
- package/dist/private/ProgressCircle.mjs +31 -31
- package/dist/private/ProgressCircle.mjs.map +1 -1
- package/dist/private/Provider.cjs +19 -19
- package/dist/private/Provider.cjs.map +1 -1
- package/dist/private/Provider.css +15 -15
- package/dist/private/Provider.css.map +1 -1
- package/dist/private/Provider.mjs +19 -19
- package/dist/private/Provider.mjs.map +1 -1
- package/dist/private/RadioGroup.cjs +251 -203
- package/dist/private/RadioGroup.cjs.map +1 -1
- package/dist/private/RadioGroup.css +167 -135
- package/dist/private/RadioGroup.css.map +1 -1
- package/dist/private/RadioGroup.mjs +252 -204
- package/dist/private/RadioGroup.mjs.map +1 -1
- package/dist/private/RangeCalendar.cjs +19 -17
- package/dist/private/RangeCalendar.cjs.map +1 -1
- package/dist/private/RangeCalendar.css +17 -17
- package/dist/private/RangeCalendar.css.map +1 -1
- package/dist/private/RangeCalendar.mjs +19 -17
- package/dist/private/RangeCalendar.mjs.map +1 -1
- package/dist/private/RangeSlider.cjs +7 -15
- package/dist/private/RangeSlider.cjs.map +1 -1
- package/dist/private/RangeSlider.mjs +8 -16
- package/dist/private/RangeSlider.mjs.map +1 -1
- package/dist/private/S2_CornerTriangleSize100.cjs +26 -0
- package/dist/private/S2_CornerTriangleSize100.cjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize100.mjs +21 -0
- package/dist/private/S2_CornerTriangleSize100.mjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize200.cjs +26 -0
- package/dist/private/S2_CornerTriangleSize200.cjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize200.mjs +21 -0
- package/dist/private/S2_CornerTriangleSize200.mjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize300.cjs +26 -0
- package/dist/private/S2_CornerTriangleSize300.cjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize300.mjs +21 -0
- package/dist/private/S2_CornerTriangleSize300.mjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize75.cjs +26 -0
- package/dist/private/S2_CornerTriangleSize75.cjs.map +1 -0
- package/dist/private/S2_CornerTriangleSize75.mjs +21 -0
- package/dist/private/S2_CornerTriangleSize75.mjs.map +1 -0
- package/dist/private/S2_DragHandleSize100.cjs +60 -0
- package/dist/private/S2_DragHandleSize100.cjs.map +1 -0
- package/dist/private/S2_DragHandleSize100.mjs +55 -0
- package/dist/private/S2_DragHandleSize100.mjs.map +1 -0
- package/dist/private/S2_DragHandleSize200.cjs +60 -0
- package/dist/private/S2_DragHandleSize200.cjs.map +1 -0
- package/dist/private/S2_DragHandleSize200.mjs +55 -0
- package/dist/private/S2_DragHandleSize200.mjs.map +1 -0
- package/dist/private/S2_DragHandleSize300.cjs +60 -0
- package/dist/private/S2_DragHandleSize300.cjs.map +1 -0
- package/dist/private/S2_DragHandleSize300.mjs +55 -0
- package/dist/private/S2_DragHandleSize300.mjs.map +1 -0
- package/dist/private/S2_DragHandleSize75.cjs +60 -0
- package/dist/private/S2_DragHandleSize75.cjs.map +1 -0
- package/dist/private/S2_DragHandleSize75.mjs +55 -0
- package/dist/private/S2_DragHandleSize75.mjs.map +1 -0
- package/dist/private/SearchField.cjs +41 -41
- package/dist/private/SearchField.cjs.map +1 -1
- package/dist/private/SearchField.css +45 -45
- package/dist/private/SearchField.css.map +1 -1
- package/dist/private/SearchField.mjs +41 -41
- package/dist/private/SearchField.mjs.map +1 -1
- package/dist/private/SegmentedControl.cjs +178 -178
- package/dist/private/SegmentedControl.cjs.map +1 -1
- package/dist/private/SegmentedControl.css +123 -123
- package/dist/private/SegmentedControl.css.map +1 -1
- package/dist/private/SegmentedControl.mjs +178 -178
- package/dist/private/SegmentedControl.mjs.map +1 -1
- package/dist/private/SelectBoxGroup.cjs +142 -142
- package/dist/private/SelectBoxGroup.cjs.map +1 -1
- package/dist/private/SelectBoxGroup.css +120 -120
- package/dist/private/SelectBoxGroup.css.map +1 -1
- package/dist/private/SelectBoxGroup.mjs +142 -142
- package/dist/private/SelectBoxGroup.mjs.map +1 -1
- package/dist/private/SkeletonCollection.cjs.map +1 -1
- package/dist/private/SkeletonCollection.mjs.map +1 -1
- package/dist/private/Slider.cjs +318 -332
- package/dist/private/Slider.cjs.map +1 -1
- package/dist/private/Slider.css +177 -157
- package/dist/private/Slider.css.map +1 -1
- package/dist/private/Slider.mjs +319 -333
- package/dist/private/Slider.mjs.map +1 -1
- package/dist/private/StatusLight.cjs +115 -115
- package/dist/private/StatusLight.cjs.map +1 -1
- package/dist/private/StatusLight.css +59 -59
- package/dist/private/StatusLight.css.map +1 -1
- package/dist/private/StatusLight.mjs +115 -115
- package/dist/private/StatusLight.mjs.map +1 -1
- package/dist/private/Switch.cjs +219 -176
- package/dist/private/Switch.cjs.map +1 -1
- package/dist/private/Switch.css +128 -84
- package/dist/private/Switch.css.map +1 -1
- package/dist/private/Switch.mjs +219 -176
- package/dist/private/Switch.mjs.map +1 -1
- package/dist/private/TableView.cjs +735 -518
- package/dist/private/TableView.cjs.map +1 -1
- package/dist/private/TableView.css +528 -308
- package/dist/private/TableView.css.map +1 -1
- package/dist/private/TableView.mjs +737 -521
- package/dist/private/TableView.mjs.map +1 -1
- package/dist/private/Tabs.cjs +123 -123
- package/dist/private/Tabs.cjs.map +1 -1
- package/dist/private/Tabs.css +105 -105
- package/dist/private/Tabs.css.map +1 -1
- package/dist/private/Tabs.mjs +123 -123
- package/dist/private/Tabs.mjs.map +1 -1
- package/dist/private/TabsPicker.cjs +130 -129
- package/dist/private/TabsPicker.cjs.map +1 -1
- package/dist/private/TabsPicker.css +108 -108
- package/dist/private/TabsPicker.css.map +1 -1
- package/dist/private/TabsPicker.mjs +130 -129
- package/dist/private/TabsPicker.mjs.map +1 -1
- package/dist/private/TagGroup.cjs +203 -203
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.css +146 -146
- package/dist/private/TagGroup.css.map +1 -1
- package/dist/private/TagGroup.mjs +203 -203
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/TextField.cjs +84 -73
- package/dist/private/TextField.cjs.map +1 -1
- package/dist/private/TextField.css +54 -54
- package/dist/private/TextField.css.map +1 -1
- package/dist/private/TextField.mjs +85 -74
- package/dist/private/TextField.mjs.map +1 -1
- package/dist/private/TimeField.cjs +51 -51
- package/dist/private/TimeField.cjs.map +1 -1
- package/dist/private/TimeField.css +47 -47
- package/dist/private/TimeField.css.map +1 -1
- package/dist/private/TimeField.mjs +51 -51
- package/dist/private/TimeField.mjs.map +1 -1
- package/dist/private/Toast.cjs +122 -121
- package/dist/private/Toast.cjs.map +1 -1
- package/dist/private/Toast.css +110 -110
- package/dist/private/Toast.css.map +1 -1
- package/dist/private/Toast.mjs +122 -121
- package/dist/private/Toast.mjs.map +1 -1
- package/dist/private/Toast.module_css.cjs +21 -21
- package/dist/private/Toast.module_css.cjs.map +1 -1
- package/dist/private/Toast.module_css.mjs +21 -21
- package/dist/private/Toast.module_css.mjs.map +1 -1
- package/dist/private/Toast_module.css +44 -44
- package/dist/private/Toast_module.css.map +1 -1
- package/dist/private/ToggleButton.cjs +59 -26
- package/dist/private/ToggleButton.cjs.map +1 -1
- package/dist/private/ToggleButton.css +56 -12
- package/dist/private/ToggleButton.css.map +1 -1
- package/dist/private/ToggleButton.mjs +60 -27
- package/dist/private/ToggleButton.mjs.map +1 -1
- package/dist/private/ToggleButtonGroup.cjs.map +1 -1
- package/dist/private/ToggleButtonGroup.mjs.map +1 -1
- package/dist/private/Tooltip.cjs +86 -86
- package/dist/private/Tooltip.cjs.map +1 -1
- package/dist/private/Tooltip.css +70 -70
- package/dist/private/Tooltip.css.map +1 -1
- package/dist/private/Tooltip.mjs +86 -86
- package/dist/private/Tooltip.mjs.map +1 -1
- package/dist/private/TreeView.cjs +300 -233
- package/dist/private/TreeView.cjs.map +1 -1
- package/dist/private/TreeView.css +243 -181
- package/dist/private/TreeView.css.map +1 -1
- package/dist/private/TreeView.mjs +301 -234
- package/dist/private/TreeView.mjs.map +1 -1
- package/dist/private/dnd-utils.cjs +149 -0
- package/dist/private/dnd-utils.cjs.map +1 -0
- package/dist/private/dnd-utils.css +164 -0
- package/dist/private/dnd-utils.css.map +1 -0
- package/dist/private/dnd-utils.mjs +143 -0
- package/dist/private/dnd-utils.mjs.map +1 -0
- package/dist/private/font-faces.css.map +1 -1
- package/dist/private/intl/ar-AE.cjs +1 -0
- package/dist/private/intl/ar-AE.cjs.map +1 -1
- package/dist/private/intl/ar-AE.mjs +1 -0
- package/dist/private/intl/ar-AE.mjs.map +1 -1
- package/dist/private/intl/bg-BG.cjs +1 -0
- package/dist/private/intl/bg-BG.cjs.map +1 -1
- package/dist/private/intl/bg-BG.mjs +1 -0
- package/dist/private/intl/bg-BG.mjs.map +1 -1
- package/dist/private/intl/cs-CZ.cjs +1 -0
- package/dist/private/intl/cs-CZ.cjs.map +1 -1
- package/dist/private/intl/cs-CZ.mjs +1 -0
- package/dist/private/intl/cs-CZ.mjs.map +1 -1
- package/dist/private/intl/da-DK.cjs +1 -0
- package/dist/private/intl/da-DK.cjs.map +1 -1
- package/dist/private/intl/da-DK.mjs +1 -0
- package/dist/private/intl/da-DK.mjs.map +1 -1
- package/dist/private/intl/de-DE.cjs +1 -0
- package/dist/private/intl/de-DE.cjs.map +1 -1
- package/dist/private/intl/de-DE.mjs +1 -0
- package/dist/private/intl/de-DE.mjs.map +1 -1
- package/dist/private/intl/el-GR.cjs +1 -0
- package/dist/private/intl/el-GR.cjs.map +1 -1
- package/dist/private/intl/el-GR.mjs +1 -0
- package/dist/private/intl/el-GR.mjs.map +1 -1
- package/dist/private/intl/en-US.cjs +1 -0
- package/dist/private/intl/en-US.cjs.map +1 -1
- package/dist/private/intl/en-US.mjs +1 -0
- package/dist/private/intl/en-US.mjs.map +1 -1
- package/dist/private/intl/es-ES.cjs +1 -0
- package/dist/private/intl/es-ES.cjs.map +1 -1
- package/dist/private/intl/es-ES.mjs +1 -0
- package/dist/private/intl/es-ES.mjs.map +1 -1
- package/dist/private/intl/et-EE.cjs +1 -0
- package/dist/private/intl/et-EE.cjs.map +1 -1
- package/dist/private/intl/et-EE.mjs +1 -0
- package/dist/private/intl/et-EE.mjs.map +1 -1
- package/dist/private/intl/fi-FI.cjs +1 -0
- package/dist/private/intl/fi-FI.cjs.map +1 -1
- package/dist/private/intl/fi-FI.mjs +1 -0
- package/dist/private/intl/fi-FI.mjs.map +1 -1
- package/dist/private/intl/fr-FR.cjs +1 -0
- package/dist/private/intl/fr-FR.cjs.map +1 -1
- package/dist/private/intl/fr-FR.mjs +1 -0
- package/dist/private/intl/fr-FR.mjs.map +1 -1
- package/dist/private/intl/he-IL.cjs +1 -0
- package/dist/private/intl/he-IL.cjs.map +1 -1
- package/dist/private/intl/he-IL.mjs +1 -0
- package/dist/private/intl/he-IL.mjs.map +1 -1
- package/dist/private/intl/hr-HR.cjs +1 -0
- package/dist/private/intl/hr-HR.cjs.map +1 -1
- package/dist/private/intl/hr-HR.mjs +1 -0
- package/dist/private/intl/hr-HR.mjs.map +1 -1
- package/dist/private/intl/hu-HU.cjs +1 -0
- package/dist/private/intl/hu-HU.cjs.map +1 -1
- package/dist/private/intl/hu-HU.mjs +1 -0
- package/dist/private/intl/hu-HU.mjs.map +1 -1
- package/dist/private/intl/it-IT.cjs +1 -0
- package/dist/private/intl/it-IT.cjs.map +1 -1
- package/dist/private/intl/it-IT.mjs +1 -0
- package/dist/private/intl/it-IT.mjs.map +1 -1
- package/dist/private/intl/ja-JP.cjs +1 -0
- package/dist/private/intl/ja-JP.cjs.map +1 -1
- package/dist/private/intl/ja-JP.mjs +1 -0
- package/dist/private/intl/ja-JP.mjs.map +1 -1
- package/dist/private/intl/ko-KR.cjs +1 -0
- package/dist/private/intl/ko-KR.cjs.map +1 -1
- package/dist/private/intl/ko-KR.mjs +1 -0
- package/dist/private/intl/ko-KR.mjs.map +1 -1
- package/dist/private/intl/lt-LT.cjs +1 -0
- package/dist/private/intl/lt-LT.cjs.map +1 -1
- package/dist/private/intl/lt-LT.mjs +1 -0
- package/dist/private/intl/lt-LT.mjs.map +1 -1
- package/dist/private/intl/lv-LV.cjs +1 -0
- package/dist/private/intl/lv-LV.cjs.map +1 -1
- package/dist/private/intl/lv-LV.mjs +1 -0
- package/dist/private/intl/lv-LV.mjs.map +1 -1
- package/dist/private/intl/nb-NO.cjs +1 -0
- package/dist/private/intl/nb-NO.cjs.map +1 -1
- package/dist/private/intl/nb-NO.mjs +1 -0
- package/dist/private/intl/nb-NO.mjs.map +1 -1
- package/dist/private/intl/nl-NL.cjs +1 -0
- package/dist/private/intl/nl-NL.cjs.map +1 -1
- package/dist/private/intl/nl-NL.mjs +1 -0
- package/dist/private/intl/nl-NL.mjs.map +1 -1
- package/dist/private/intl/pl-PL.cjs +1 -0
- package/dist/private/intl/pl-PL.cjs.map +1 -1
- package/dist/private/intl/pl-PL.mjs +1 -0
- package/dist/private/intl/pl-PL.mjs.map +1 -1
- package/dist/private/intl/pt-BR.cjs +1 -0
- package/dist/private/intl/pt-BR.cjs.map +1 -1
- package/dist/private/intl/pt-BR.mjs +1 -0
- package/dist/private/intl/pt-BR.mjs.map +1 -1
- package/dist/private/intl/pt-PT.cjs +1 -0
- package/dist/private/intl/pt-PT.cjs.map +1 -1
- package/dist/private/intl/pt-PT.mjs +1 -0
- package/dist/private/intl/pt-PT.mjs.map +1 -1
- package/dist/private/intl/ro-RO.cjs +1 -0
- package/dist/private/intl/ro-RO.cjs.map +1 -1
- package/dist/private/intl/ro-RO.mjs +1 -0
- package/dist/private/intl/ro-RO.mjs.map +1 -1
- package/dist/private/intl/ru-RU.cjs +1 -0
- package/dist/private/intl/ru-RU.cjs.map +1 -1
- package/dist/private/intl/ru-RU.mjs +1 -0
- package/dist/private/intl/ru-RU.mjs.map +1 -1
- package/dist/private/intl/sk-SK.cjs +1 -0
- package/dist/private/intl/sk-SK.cjs.map +1 -1
- package/dist/private/intl/sk-SK.mjs +1 -0
- package/dist/private/intl/sk-SK.mjs.map +1 -1
- package/dist/private/intl/sl-SI.cjs +1 -0
- package/dist/private/intl/sl-SI.cjs.map +1 -1
- package/dist/private/intl/sl-SI.mjs +1 -0
- package/dist/private/intl/sl-SI.mjs.map +1 -1
- package/dist/private/intl/sr-SP.cjs +1 -0
- package/dist/private/intl/sr-SP.cjs.map +1 -1
- package/dist/private/intl/sr-SP.mjs +1 -0
- package/dist/private/intl/sr-SP.mjs.map +1 -1
- package/dist/private/intl/sv-SE.cjs +1 -0
- package/dist/private/intl/sv-SE.cjs.map +1 -1
- package/dist/private/intl/sv-SE.mjs +1 -0
- package/dist/private/intl/sv-SE.mjs.map +1 -1
- package/dist/private/intl/tr-TR.cjs +1 -0
- package/dist/private/intl/tr-TR.cjs.map +1 -1
- package/dist/private/intl/tr-TR.mjs +1 -0
- package/dist/private/intl/tr-TR.mjs.map +1 -1
- package/dist/private/intl/uk-UA.cjs +1 -0
- package/dist/private/intl/uk-UA.cjs.map +1 -1
- package/dist/private/intl/uk-UA.mjs +1 -0
- package/dist/private/intl/uk-UA.mjs.map +1 -1
- package/dist/private/intl/zh-CN.cjs +1 -0
- package/dist/private/intl/zh-CN.cjs.map +1 -1
- package/dist/private/intl/zh-CN.mjs +1 -0
- package/dist/private/intl/zh-CN.mjs.map +1 -1
- package/dist/private/intl/zh-TW.cjs +1 -0
- package/dist/private/intl/zh-TW.cjs.map +1 -1
- package/dist/private/intl/zh-TW.mjs +1 -0
- package/dist/private/intl/zh-TW.mjs.map +1 -1
- package/dist/private/pressScale.cjs.map +1 -1
- package/dist/private/pressScale.mjs.map +1 -1
- package/dist/private/useDOMRef.cjs +3 -2
- package/dist/private/useDOMRef.cjs.map +1 -1
- package/dist/private/useDOMRef.mjs +3 -2
- package/dist/private/useDOMRef.mjs.map +1 -1
- package/dist/private/useDragAndDrop.cjs +25 -0
- package/dist/private/useDragAndDrop.cjs.map +1 -0
- package/dist/private/useDragAndDrop.mjs +20 -0
- package/dist/private/useDragAndDrop.mjs.map +1 -0
- package/dist/types/exports/DragPreview.d.ts +2 -0
- package/dist/types/exports/LabeledValue.d.ts +2 -0
- package/dist/types/exports/TableView.d.ts +2 -2
- package/dist/types/exports/index.d.ts +11 -2
- package/dist/types/exports/useDragAndDrop.d.ts +8 -0
- package/dist/types/src/Accordion.d.ts +22 -6
- package/dist/types/src/ActionBar.d.ts +6 -2
- package/dist/types/src/ActionButton.d.ts +15 -5
- package/dist/types/src/ActionButtonGroup.d.ts +13 -4
- package/dist/types/src/ActionMenu.d.ts +1 -1
- package/dist/types/src/AlertDialog.d.ts +3 -1
- package/dist/types/src/Avatar.d.ts +1 -0
- package/dist/types/src/AvatarGroup.d.ts +1 -0
- package/dist/types/src/Badge.d.ts +6 -2
- package/dist/types/src/Breadcrumbs.d.ts +1 -1
- package/dist/types/src/Button.d.ts +2 -1
- package/dist/types/src/Calendar.d.ts +8 -5
- package/dist/types/src/Card.d.ts +4 -1
- package/dist/types/src/CardView.d.ts +6 -1
- package/dist/types/src/CenterBaseline.d.ts +2 -1
- package/dist/types/src/Checkbox.d.ts +5 -5
- package/dist/types/src/CoachMark.d.ts +3 -3
- package/dist/types/src/ColorArea.d.ts +2 -1
- package/dist/types/src/ColorField.d.ts +6 -0
- package/dist/types/src/ColorSwatch.d.ts +2 -0
- package/dist/types/src/ColorSwatchPicker.d.ts +3 -0
- package/dist/types/src/ComboBox.d.ts +18 -7
- package/dist/types/src/ContextualHelp.d.ts +5 -2
- package/dist/types/src/CustomDialog.d.ts +1 -0
- package/dist/types/src/DatePicker.d.ts +5 -2
- package/dist/types/src/DateRangePicker.d.ts +3 -1
- package/dist/types/src/Dialog.d.ts +3 -2
- package/dist/types/src/DialogTrigger.d.ts +3 -3
- package/dist/types/src/Disclosure.d.ts +10 -4
- package/dist/types/src/Divider.d.ts +2 -0
- package/dist/types/src/DragPreview.d.ts +42 -0
- package/dist/types/src/DropZone.d.ts +1 -0
- package/dist/types/src/Field.d.ts +5 -3
- package/dist/types/src/Form.d.ts +3 -1
- package/dist/types/src/FullscreenDialog.d.ts +4 -2
- package/dist/types/src/Image.d.ts +6 -5
- package/dist/types/src/ImageCoordinator.d.ts +3 -1
- package/dist/types/src/InlineAlert.d.ts +4 -2
- package/dist/types/src/LabeledValue.d.ts +61 -0
- package/dist/types/src/Link.d.ts +1 -0
- package/dist/types/src/ListBox.d.ts +1 -1
- package/dist/types/src/ListView.d.ts +12 -24
- package/dist/types/src/Menu.d.ts +8 -6
- package/dist/types/src/Meter.d.ts +4 -1
- package/dist/types/src/NumberField.d.ts +9 -1
- package/dist/types/src/Picker.d.ts +12 -7
- package/dist/types/src/Popover.d.ts +2 -1
- package/dist/types/src/ProgressBar.d.ts +3 -2
- package/dist/types/src/ProgressCircle.d.ts +2 -2
- package/dist/types/src/Provider.d.ts +6 -3
- package/dist/types/src/RadioGroup.d.ts +2 -2
- package/dist/types/src/RangeCalendar.d.ts +4 -2
- package/dist/types/src/RangeSlider.d.ts +6 -3
- package/dist/types/src/SelectBoxGroup.d.ts +3 -1
- package/dist/types/src/SkeletonCollection.d.ts +2 -1
- package/dist/types/src/Slider.d.ts +2 -1
- package/dist/types/src/Switch.d.ts +5 -5
- package/dist/types/src/TableView.d.ts +29 -9
- package/dist/types/src/Tabs.d.ts +5 -2
- package/dist/types/src/TabsPicker.d.ts +9 -4
- package/dist/types/src/TagGroup.d.ts +10 -4
- package/dist/types/src/TextField.d.ts +5 -0
- package/dist/types/src/Toast.d.ts +2 -1
- package/dist/types/src/ToggleButton.d.ts +9 -2
- package/dist/types/src/ToggleButtonGroup.d.ts +4 -1
- package/dist/types/src/TreeView.d.ts +6 -3
- package/dist/types/src/dnd-utils.d.ts +8 -0
- package/dist/types/src/pressScale.d.ts +20 -0
- package/dist/types/src/style-utils.d.ts +30 -26
- package/dist/types/src/useDOMRef.d.ts +3 -3
- package/dist/types/src/useDragAndDrop.d.ts +9 -0
- package/dist/types/style/index.d.ts +27 -33
- package/dist/types/style/runtime.d.ts +6 -8
- package/dist/types/style/spectrum-theme.d.ts +42 -50
- package/dist/types/style/style-macro.d.ts +7 -9
- package/dist/types/style/tokens.d.ts +2 -2
- package/dist/types/ui-icons/CornerTriangle.d.ts +4 -0
- package/dist/types/ui-icons/DragHandle.d.ts +4 -0
- package/exports/Accordion.ts +17 -2
- package/exports/ActionMenu.ts +14 -2
- package/exports/Card.ts +16 -2
- package/exports/CardView.ts +16 -2
- package/exports/ColorArea.ts +8 -1
- package/exports/ColorField.ts +8 -1
- package/exports/ColorSlider.ts +8 -1
- package/exports/ColorSwatch.ts +8 -1
- package/exports/ColorSwatchPicker.ts +8 -1
- package/exports/ColorWheel.ts +8 -1
- package/exports/ContextualHelp.ts +5 -1
- package/exports/Disclosure.ts +7 -1
- package/exports/DragPreview.ts +2 -0
- package/exports/Icon.ts +6 -1
- package/exports/LabeledValue.ts +2 -0
- package/exports/Menu.ts +17 -2
- package/exports/SegmentedControl.ts +5 -1
- package/exports/TableView.ts +27 -3
- package/exports/TreeView.ts +6 -1
- package/exports/index.ts +174 -17
- package/exports/useAsyncList.ts +7 -1
- package/exports/useDragAndDrop.ts +36 -0
- package/icons/Icon.cjs +10 -10
- package/icons/Icon.cjs.map +1 -1
- package/icons/Icon.css +9 -9
- package/icons/Icon.css.map +1 -1
- package/icons/Icon.mjs +10 -10
- package/icons/Icon.mjs.map +1 -1
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.cjs.map +1 -1
- package/icons/Skeleton.css +6 -6
- package/icons/Skeleton.css.map +1 -1
- package/icons/Skeleton.mjs +2 -2
- package/icons/Skeleton.mjs.map +1 -1
- package/icons/runtime.cjs.map +1 -1
- package/icons/runtime.mjs.map +1 -1
- package/icons/useMediaQuery.cjs.map +1 -1
- package/icons/useMediaQuery.mjs.map +1 -1
- package/icons/useSpectrumContextProps.cjs.map +1 -1
- package/icons/useSpectrumContextProps.mjs.map +1 -1
- package/illustrations/gradient/generic1/Conversationbubbles.cjs.map +1 -1
- package/illustrations/gradient/generic1/Conversationbubbles.mjs.map +1 -1
- package/illustrations/gradient/generic2/Conversationbubbles.cjs.map +1 -1
- package/illustrations/gradient/generic2/Conversationbubbles.mjs.map +1 -1
- package/illustrations/linear/BrowserNotCompatible.cjs.map +1 -1
- package/illustrations/linear/BrowserNotCompatible.mjs.map +1 -1
- package/illustrations/linear/CloudStateDisconnected.cjs.map +1 -1
- package/illustrations/linear/CloudStateDisconnected.mjs.map +1 -1
- package/illustrations/linear/ConfettiCelebration.cjs.map +1 -1
- package/illustrations/linear/ConfettiCelebration.mjs.map +1 -1
- package/illustrations/linear/Conversationbubbles.cjs.map +1 -1
- package/illustrations/linear/Conversationbubbles.mjs.map +1 -1
- package/illustrations/linear/MegaphonePromoteExpressive.cjs.map +1 -1
- package/illustrations/linear/MegaphonePromoteExpressive.mjs.map +1 -1
- package/illustrations/linear/NoInternetConnection.cjs.map +1 -1
- package/illustrations/linear/NoInternetConnection.mjs.map +1 -1
- package/package.json +30 -30
- package/src/Accordion.tsx +97 -59
- package/src/ActionBar.tsx +102 -44
- package/src/ActionButton.tsx +359 -252
- package/src/ActionButtonGroup.tsx +59 -38
- package/src/ActionMenu.tsx +21 -9
- package/src/AlertDialog.tsx +28 -25
- package/src/Avatar.tsx +41 -28
- package/src/AvatarGroup.tsx +34 -16
- package/src/Badge.tsx +167 -129
- package/src/Breadcrumbs.tsx +173 -96
- package/src/Button.tsx +390 -288
- package/src/ButtonGroup.tsx +70 -52
- package/src/Calendar.tsx +230 -173
- package/src/Card.tsx +395 -303
- package/src/CardView.tsx +126 -61
- package/src/CenterBaseline.tsx +15 -7
- package/src/Checkbox.tsx +152 -57
- package/src/CheckboxGroup.tsx +96 -63
- package/src/ClearButton.tsx +6 -3
- package/src/CloseButton.tsx +71 -44
- package/src/CoachMark.tsx +204 -192
- package/src/ColorArea.tsx +49 -28
- package/src/ColorField.tsx +83 -36
- package/src/ColorHandle.tsx +36 -25
- package/src/ColorSlider.tsx +123 -90
- package/src/ColorSwatch.tsx +71 -43
- package/src/ColorSwatchPicker.tsx +71 -52
- package/src/ColorWheel.tsx +75 -54
- package/src/ComboBox.tsx +311 -187
- package/src/Content.tsx +59 -38
- package/src/ContextualHelp.tsx +82 -49
- package/src/CustomDialog.tsx +41 -33
- package/src/DateField.tsx +57 -27
- package/src/DatePicker.tsx +117 -65
- package/src/DateRangePicker.tsx +209 -157
- package/src/Dialog.tsx +24 -16
- package/src/DialogContainer.tsx +4 -7
- package/src/DialogTrigger.tsx +4 -6
- package/src/Disclosure.tsx +102 -80
- package/src/Divider.tsx +71 -49
- package/src/DragPreview.tsx +193 -0
- package/src/DropZone.tsx +71 -40
- package/src/Field.tsx +239 -107
- package/src/Fonts.tsx +18 -11
- package/src/Form.tsx +42 -27
- package/src/FullscreenDialog.tsx +24 -39
- package/src/Icon.tsx +70 -33
- package/src/IllustratedMessage.tsx +98 -69
- package/src/Image.tsx +105 -49
- package/src/ImageCoordinator.tsx +39 -24
- package/src/InlineAlert.tsx +90 -80
- package/src/LabeledValue.tsx +344 -0
- package/src/Link.tsx +99 -45
- package/src/ListBox.tsx +2 -9
- package/src/ListView.tsx +486 -280
- package/src/Menu.tsx +313 -180
- package/src/Meter.tsx +51 -21
- package/src/Modal.tsx +90 -81
- package/src/NotificationBadge.tsx +98 -73
- package/src/NumberField.tsx +160 -90
- package/src/Picker.tsx +311 -171
- package/src/Popover.tsx +195 -149
- package/src/ProgressBar.tsx +81 -56
- package/src/ProgressCircle.tsx +70 -48
- package/src/Provider.tsx +16 -16
- package/src/RadioGroup.tsx +164 -55
- package/src/RangeCalendar.tsx +63 -41
- package/src/RangeSlider.tsx +48 -35
- package/src/SearchField.tsx +110 -75
- package/src/SegmentedControl.tsx +101 -76
- package/src/SelectBoxGroup.tsx +231 -191
- package/src/Skeleton.tsx +75 -49
- package/src/SkeletonCollection.tsx +16 -16
- package/src/Slider.tsx +135 -83
- package/src/StatusLight.tsx +61 -22
- package/src/Switch.tsx +122 -38
- package/src/TableView.tsx +1002 -356
- package/src/Tabs.tsx +327 -183
- package/src/TabsPicker.tsx +152 -107
- package/src/TagGroup.tsx +175 -80
- package/src/TextField.tsx +120 -54
- package/src/TimeField.tsx +48 -23
- package/src/Toast.module.css +11 -5
- package/src/Toast.tsx +119 -84
- package/src/ToggleButton.tsx +99 -25
- package/src/ToggleButtonGroup.tsx +22 -6
- package/src/Toolbar.tsx +0 -1
- package/src/Tooltip.tsx +64 -26
- package/src/TreeView.tsx +346 -91
- package/src/bar-utils.ts +65 -68
- package/src/dnd-utils.tsx +127 -0
- package/src/font-faces.css +129 -33
- package/src/page.macro.ts +2 -2
- package/src/pressScale.ts +24 -1
- package/src/progress-utils.tsx +1 -1
- package/src/style-utils.ts +214 -212
- package/src/useDOMRef.ts +26 -11
- package/src/useDragAndDrop.ts +32 -0
- package/src/useMediaQuery.ts +2 -4
- package/src/useSpectrumContextProps.ts +5 -1
- package/style/__tests__/mergeStyles.test.ts +15 -4
- package/style/__tests__/style-macro.test.js +81 -71
- package/style/dist/main.cjs.map +1 -1
- package/style/dist/module.mjs.map +1 -1
- package/style/dist/spectrum-theme.cjs +4 -5
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +4 -5
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/style-macro.cjs +2 -1
- package/style/dist/style-macro.cjs.map +1 -1
- package/style/dist/style-macro.mjs +2 -1
- package/style/dist/style-macro.mjs.map +1 -1
- package/style/dist/style-utils.cjs.map +1 -1
- package/style/dist/style-utils.mjs.map +1 -1
- package/style/index.ts +105 -74
- package/style/package.json +2 -2
- package/style/runtime.ts +6 -8
- package/style/spectrum-theme.ts +482 -194
- package/style/style-macro.ts +310 -121
- package/style/tokens.ts +79 -41
- package/style/types.ts +146 -70
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.cjs.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,
|
|
1
|
+
{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.mjs.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.cjs.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,
|
|
1
|
+
{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.mjs.map"}
|
package/package.json
CHANGED
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/s2",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"description": "Spectrum 2 UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "https://github.com/adobe/react-spectrum"
|
|
9
9
|
},
|
|
10
|
+
"source": "exports/index.ts",
|
|
11
|
+
"files": [
|
|
12
|
+
"dist",
|
|
13
|
+
"style",
|
|
14
|
+
"page.css",
|
|
15
|
+
"page.css.map",
|
|
16
|
+
"icons",
|
|
17
|
+
"illustrations",
|
|
18
|
+
"src",
|
|
19
|
+
"exports",
|
|
20
|
+
"*.js"
|
|
21
|
+
],
|
|
22
|
+
"sideEffects": [
|
|
23
|
+
"*.css"
|
|
24
|
+
],
|
|
10
25
|
"main": "./dist/exports/index.cjs",
|
|
11
26
|
"module": "./dist/exports/index.mjs",
|
|
12
27
|
"types": "./dist/types/exports/index.d.ts",
|
|
13
|
-
"page": "dist/page.cjs",
|
|
14
|
-
"style-module": "style/dist/module.mjs",
|
|
15
|
-
"style-main": "style/dist/main.cjs",
|
|
16
|
-
"source": "exports/index.ts",
|
|
17
28
|
"exports": {
|
|
18
29
|
".": {
|
|
19
30
|
"source": "./exports/index.ts",
|
|
@@ -65,36 +76,25 @@
|
|
|
65
76
|
},
|
|
66
77
|
"./private/*": null
|
|
67
78
|
},
|
|
68
|
-
"
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
],
|
|
72
|
-
"files": [
|
|
73
|
-
"dist",
|
|
74
|
-
"style",
|
|
75
|
-
"page.css",
|
|
76
|
-
"page.css.map",
|
|
77
|
-
"icons",
|
|
78
|
-
"illustrations",
|
|
79
|
-
"src",
|
|
80
|
-
"exports",
|
|
81
|
-
"*.js"
|
|
82
|
-
],
|
|
79
|
+
"publishConfig": {
|
|
80
|
+
"access": "public"
|
|
81
|
+
},
|
|
83
82
|
"dependencies": {
|
|
84
|
-
"@internationalized/date": "^3.12.
|
|
85
|
-
"@internationalized/number": "^3.6.
|
|
83
|
+
"@internationalized/date": "^3.12.2",
|
|
84
|
+
"@internationalized/number": "^3.6.7",
|
|
86
85
|
"@parcel/macros": "^2.16.3",
|
|
87
|
-
"@react-types/shared": "^3.
|
|
88
|
-
"react-aria": "3.
|
|
89
|
-
"react-aria-components": "1.
|
|
90
|
-
"react-stately": "3.
|
|
86
|
+
"@react-types/shared": "^3.35.0",
|
|
87
|
+
"react-aria": "3.49.0",
|
|
88
|
+
"react-aria-components": "1.18.0",
|
|
89
|
+
"react-stately": "3.47.0"
|
|
91
90
|
},
|
|
92
91
|
"peerDependencies": {
|
|
93
92
|
"react": "^19.0.0-rc.1",
|
|
94
93
|
"react-dom": "^19.0.0-rc.1"
|
|
95
94
|
},
|
|
96
|
-
"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
"
|
|
95
|
+
"browserslist": "last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions, last 2 Edge versions",
|
|
96
|
+
"page": "dist/page.cjs",
|
|
97
|
+
"style-main": "style/dist/main.cjs",
|
|
98
|
+
"style-module": "style/dist/module.mjs",
|
|
99
|
+
"gitHead": "3577a20859b9585a000010c720f6ee39c1c588cc"
|
|
100
100
|
}
|
package/src/Accordion.tsx
CHANGED
|
@@ -20,62 +20,70 @@ import {
|
|
|
20
20
|
DisclosureTitle
|
|
21
21
|
} from './Disclosure';
|
|
22
22
|
import {DisclosureGroup} from 'react-aria-components/DisclosureGroup';
|
|
23
|
-
import {
|
|
23
|
+
import {
|
|
24
|
+
getAllowedOverrides,
|
|
25
|
+
StyleProps,
|
|
26
|
+
StylesPropWithHeight,
|
|
27
|
+
UnsafeStyles
|
|
28
|
+
} from './style-utils' with {type: 'macro'};
|
|
24
29
|
import React, {createContext, forwardRef, ReactNode} from 'react';
|
|
25
30
|
import {RenderProps} from 'react-aria-components/useRenderProps';
|
|
26
|
-
import {style} from '../style' with {
|
|
31
|
+
import {style} from '../style' with {type: 'macro'};
|
|
27
32
|
import {useDOMRef} from './useDOMRef';
|
|
28
33
|
import {useSpectrumContextProps} from './useSpectrumContextProps';
|
|
29
34
|
|
|
30
35
|
export interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {
|
|
31
36
|
/** The accordion item elements in the accordion. */
|
|
32
|
-
children: React.ReactNode
|
|
37
|
+
children: React.ReactNode;
|
|
33
38
|
/** Spectrum-defined styles, returned by the `style()` macro. */
|
|
34
|
-
styles?: StylesPropWithHeight
|
|
39
|
+
styles?: StylesPropWithHeight;
|
|
35
40
|
/**
|
|
36
41
|
* The size of the accordion.
|
|
42
|
+
*
|
|
37
43
|
* @default 'M'
|
|
38
44
|
*/
|
|
39
|
-
size?: 'S' | 'M' | 'L' | 'XL'
|
|
45
|
+
size?: 'S' | 'M' | 'L' | 'XL';
|
|
40
46
|
/**
|
|
41
47
|
* The amount of space between the accordion items.
|
|
48
|
+
*
|
|
42
49
|
* @default 'regular'
|
|
43
50
|
*/
|
|
44
|
-
density?: 'compact' | 'regular' | 'spacious'
|
|
51
|
+
density?: 'compact' | 'regular' | 'spacious';
|
|
45
52
|
/** Whether the accordion should be displayed with a quiet style. */
|
|
46
|
-
isQuiet?: boolean
|
|
53
|
+
isQuiet?: boolean;
|
|
47
54
|
/** Whether multiple accordion items can be expanded at the same time. */
|
|
48
|
-
allowsMultipleExpanded?: boolean
|
|
55
|
+
allowsMultipleExpanded?: boolean;
|
|
49
56
|
/** Whether all accordion items are disabled. */
|
|
50
|
-
isDisabled?: boolean
|
|
57
|
+
isDisabled?: boolean;
|
|
51
58
|
/** The currently expanded keys in the accordion (controlled). */
|
|
52
|
-
expandedKeys?: Iterable<Key
|
|
59
|
+
expandedKeys?: Iterable<Key>;
|
|
53
60
|
/** The initial expanded keys in the accordion (uncontrolled). */
|
|
54
|
-
defaultExpandedKeys?: Iterable<Key
|
|
61
|
+
defaultExpandedKeys?: Iterable<Key>;
|
|
55
62
|
/** Handler that is called when accordion items are expanded or collapsed. */
|
|
56
|
-
onExpandedChange?: (keys: Set<Key>) => any
|
|
63
|
+
onExpandedChange?: (keys: Set<Key>) => any;
|
|
57
64
|
}
|
|
58
65
|
|
|
59
|
-
const accordion = style(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
66
|
+
const accordion = style(
|
|
67
|
+
{
|
|
68
|
+
display: 'flex',
|
|
69
|
+
flexDirection: 'column'
|
|
70
|
+
},
|
|
71
|
+
getAllowedOverrides({height: true})
|
|
72
|
+
);
|
|
63
73
|
|
|
64
|
-
export const AccordionContext =
|
|
74
|
+
export const AccordionContext =
|
|
75
|
+
createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);
|
|
65
76
|
|
|
66
77
|
/**
|
|
67
78
|
* An accordion is a container for multiple accordion items.
|
|
68
79
|
*/
|
|
69
|
-
export const Accordion = forwardRef(function Accordion(
|
|
80
|
+
export const Accordion = forwardRef(function Accordion(
|
|
81
|
+
props: AccordionProps,
|
|
82
|
+
ref: DOMRef<HTMLDivElement>
|
|
83
|
+
) {
|
|
70
84
|
[props, ref] = useSpectrumContextProps(props, ref, AccordionContext);
|
|
71
85
|
let domRef = useDOMRef(ref);
|
|
72
|
-
let {
|
|
73
|
-
UNSAFE_style,
|
|
74
|
-
UNSAFE_className = '',
|
|
75
|
-
size = 'M',
|
|
76
|
-
density = 'regular',
|
|
77
|
-
isQuiet
|
|
78
|
-
} = props;
|
|
86
|
+
let {UNSAFE_style, UNSAFE_className = '', size = 'M', density = 'regular', isQuiet} = props;
|
|
79
87
|
return (
|
|
80
88
|
<DisclosureContext.Provider value={{size, isQuiet, density}}>
|
|
81
89
|
<DisclosureGroup
|
|
@@ -91,115 +99,145 @@ export const Accordion = forwardRef(function Accordion(props: AccordionProps, re
|
|
|
91
99
|
|
|
92
100
|
export interface AccordionItemState {
|
|
93
101
|
/** Whether the accordion item is currently expanded. */
|
|
94
|
-
readonly isExpanded: boolean
|
|
102
|
+
readonly isExpanded: boolean;
|
|
95
103
|
/** Sets whether the accordion item is expanded. */
|
|
96
|
-
setExpanded(isExpanded: boolean): void
|
|
104
|
+
setExpanded(isExpanded: boolean): void;
|
|
97
105
|
/** Expand the accordion item. */
|
|
98
|
-
expand(): void
|
|
106
|
+
expand(): void;
|
|
99
107
|
/** Collapse the accordion item. */
|
|
100
|
-
collapse(): void
|
|
108
|
+
collapse(): void;
|
|
101
109
|
/** Toggles the accordion item's visibility. */
|
|
102
|
-
toggle(): void
|
|
110
|
+
toggle(): void;
|
|
103
111
|
}
|
|
104
112
|
|
|
105
113
|
export interface AccordionItemRenderProps {
|
|
106
114
|
/**
|
|
107
115
|
* Whether the accordion item is expanded.
|
|
116
|
+
*
|
|
108
117
|
* @selector [data-expanded]
|
|
109
118
|
*/
|
|
110
|
-
isExpanded: boolean
|
|
119
|
+
isExpanded: boolean;
|
|
111
120
|
/**
|
|
112
121
|
* Whether the accordion item has keyboard focus.
|
|
122
|
+
*
|
|
113
123
|
* @selector [data-focus-visible-within]
|
|
114
124
|
*/
|
|
115
|
-
isFocusVisibleWithin: boolean
|
|
125
|
+
isFocusVisibleWithin: boolean;
|
|
116
126
|
/**
|
|
117
127
|
* Whether the accordion item is disabled.
|
|
128
|
+
*
|
|
118
129
|
* @selector [data-disabled]
|
|
119
130
|
*/
|
|
120
|
-
isDisabled: boolean
|
|
131
|
+
isDisabled: boolean;
|
|
121
132
|
/**
|
|
122
133
|
* State of the accordion item.
|
|
123
134
|
*/
|
|
124
|
-
state: AccordionItemState
|
|
135
|
+
state: AccordionItemState;
|
|
125
136
|
}
|
|
126
137
|
|
|
127
|
-
export interface AccordionItemProps
|
|
138
|
+
export interface AccordionItemProps
|
|
139
|
+
extends
|
|
140
|
+
Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>,
|
|
141
|
+
SlotProps,
|
|
142
|
+
StyleProps {
|
|
128
143
|
/**
|
|
129
144
|
* The size of the accordion item.
|
|
145
|
+
*
|
|
130
146
|
* @default 'M'
|
|
131
147
|
*/
|
|
132
|
-
size?: 'S' | 'M' | 'L' | 'XL'
|
|
148
|
+
size?: 'S' | 'M' | 'L' | 'XL';
|
|
133
149
|
/**
|
|
134
150
|
* The amount of space between the accordion item.
|
|
151
|
+
*
|
|
135
152
|
* @default 'regular'
|
|
136
153
|
*/
|
|
137
|
-
density?: 'compact' | 'regular' | 'spacious'
|
|
154
|
+
density?: 'compact' | 'regular' | 'spacious';
|
|
138
155
|
/** Whether the accordion item should be displayed with a quiet style. */
|
|
139
|
-
isQuiet?: boolean
|
|
140
|
-
/**
|
|
141
|
-
|
|
156
|
+
isQuiet?: boolean;
|
|
157
|
+
/**
|
|
158
|
+
* The contents of the accordion item, consisting of a accordion item title and accordion item
|
|
159
|
+
* panel.
|
|
160
|
+
*/
|
|
161
|
+
children: ReactNode;
|
|
142
162
|
/** An id for the accordion item, matching the id used in `expandedKeys`. */
|
|
143
|
-
id?: Key
|
|
163
|
+
id?: Key;
|
|
144
164
|
/** Whether the accordion item is disabled. */
|
|
145
|
-
isDisabled?: boolean
|
|
165
|
+
isDisabled?: boolean;
|
|
146
166
|
/** Handler that is called when the accordion item's expanded state changes. */
|
|
147
|
-
onExpandedChange?: (isExpanded: boolean) => void
|
|
167
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
148
168
|
/** Whether the accordion item is expanded (controlled). */
|
|
149
|
-
isExpanded?: boolean
|
|
169
|
+
isExpanded?: boolean;
|
|
150
170
|
/** Whether the accordion item is expanded by default (uncontrolled). */
|
|
151
|
-
defaultExpanded?: boolean
|
|
171
|
+
defaultExpanded?: boolean;
|
|
152
172
|
}
|
|
153
173
|
|
|
154
174
|
/**
|
|
155
|
-
* A accordion item is a collapsible section of content. It is composed of a header with a heading
|
|
175
|
+
* A accordion item is a collapsible section of content. It is composed of a header with a heading
|
|
176
|
+
* and trigger button, and a panel that contains the content.
|
|
156
177
|
*/
|
|
157
|
-
export const AccordionItem = forwardRef(function AccordionItem(
|
|
178
|
+
export const AccordionItem = forwardRef(function AccordionItem(
|
|
179
|
+
props: AccordionItemProps,
|
|
180
|
+
ref: DOMRef<HTMLDivElement>
|
|
181
|
+
) {
|
|
158
182
|
return <Disclosure {...props} ref={ref} />;
|
|
159
183
|
});
|
|
160
184
|
|
|
161
185
|
export interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {
|
|
162
|
-
/**
|
|
186
|
+
/**
|
|
187
|
+
* The heading level of the accordion item title.
|
|
163
188
|
*
|
|
164
189
|
* @default 3
|
|
165
190
|
*/
|
|
166
|
-
level?: number
|
|
191
|
+
level?: number;
|
|
167
192
|
/** The contents of the accordion item title. */
|
|
168
|
-
children: React.ReactNode
|
|
193
|
+
children: React.ReactNode;
|
|
169
194
|
}
|
|
170
195
|
|
|
171
196
|
/**
|
|
172
|
-
* An accordion item title consisting of a heading and a trigger button to expand/collapse the
|
|
197
|
+
* An accordion item title consisting of a heading and a trigger button to expand/collapse the
|
|
198
|
+
* panel.
|
|
173
199
|
*/
|
|
174
|
-
export const AccordionItemTitle = forwardRef(function AccordionItemTitle(
|
|
200
|
+
export const AccordionItemTitle = forwardRef(function AccordionItemTitle(
|
|
201
|
+
props: AccordionItemTitleProps,
|
|
202
|
+
ref: DOMRef<HTMLDivElement>
|
|
203
|
+
) {
|
|
175
204
|
return <DisclosureTitle {...props} ref={ref} />;
|
|
176
205
|
});
|
|
177
206
|
|
|
178
207
|
export interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {
|
|
179
208
|
/** The contents of the accordion item header. */
|
|
180
|
-
children: React.ReactNode
|
|
209
|
+
children: React.ReactNode;
|
|
181
210
|
}
|
|
182
211
|
|
|
183
212
|
/**
|
|
184
|
-
* A wrapper element for the accordion item title that can contain other elements not part of the
|
|
213
|
+
* A wrapper element for the accordion item title that can contain other elements not part of the
|
|
214
|
+
* trigger.
|
|
185
215
|
*/
|
|
186
|
-
export const AccordionItemHeader = forwardRef(function AccordionItemHeader(
|
|
216
|
+
export const AccordionItemHeader = forwardRef(function AccordionItemHeader(
|
|
217
|
+
props: AccordionItemHeaderProps,
|
|
218
|
+
ref: DOMRef<HTMLDivElement>
|
|
219
|
+
) {
|
|
187
220
|
return <DisclosureHeader {...props} ref={ref} />;
|
|
188
221
|
});
|
|
189
222
|
|
|
190
223
|
export interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {
|
|
191
224
|
/** The contents of the accordion item panel. */
|
|
192
|
-
children: React.ReactNode
|
|
225
|
+
children: React.ReactNode;
|
|
193
226
|
/**
|
|
194
227
|
* The accessibility role for the accordion item panel.
|
|
228
|
+
*
|
|
195
229
|
* @default 'group'
|
|
196
230
|
*/
|
|
197
|
-
role?: 'group' | 'region'
|
|
231
|
+
role?: 'group' | 'region';
|
|
198
232
|
}
|
|
199
233
|
|
|
200
234
|
/**
|
|
201
|
-
* An accordion item panel is a collapsible section of content that is hidden until the accordion
|
|
235
|
+
* An accordion item panel is a collapsible section of content that is hidden until the accordion
|
|
236
|
+
* item is expanded.
|
|
202
237
|
*/
|
|
203
|
-
export const AccordionItemPanel = forwardRef(function AccordionItemPanel(
|
|
238
|
+
export const AccordionItemPanel = forwardRef(function AccordionItemPanel(
|
|
239
|
+
props: AccordionItemPanelProps,
|
|
240
|
+
ref: DOMRef<HTMLDivElement>
|
|
241
|
+
) {
|
|
204
242
|
return <DisclosurePanel {...props} ref={ref} />;
|
|
205
243
|
});
|
package/src/ActionBar.tsx
CHANGED
|
@@ -14,13 +14,25 @@ import {ActionButtonGroup} from './ActionButtonGroup';
|
|
|
14
14
|
import {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';
|
|
15
15
|
import {CloseButton} from './CloseButton';
|
|
16
16
|
import {ContextValue, SlotProps} from 'react-aria-components/slots';
|
|
17
|
-
import {
|
|
17
|
+
import {
|
|
18
|
+
createContext,
|
|
19
|
+
ForwardedRef,
|
|
20
|
+
forwardRef,
|
|
21
|
+
ReactElement,
|
|
22
|
+
ReactNode,
|
|
23
|
+
RefObject,
|
|
24
|
+
useCallback,
|
|
25
|
+
useEffect,
|
|
26
|
+
useMemo,
|
|
27
|
+
useRef,
|
|
28
|
+
useState
|
|
29
|
+
} from 'react';
|
|
18
30
|
import {DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';
|
|
19
31
|
import {FocusScope} from 'react-aria/FocusScope';
|
|
20
32
|
import intlMessages from '../intl/*.json';
|
|
21
33
|
// @ts-ignore
|
|
22
34
|
import {lightDark, style} from '../style' with {type: 'macro'};
|
|
23
|
-
import {StyleProps} from './style-utils' with {
|
|
35
|
+
import {StyleProps} from './style-utils' with {type: 'macro'};
|
|
24
36
|
import {useControlledState} from 'react-stately/useControlledState';
|
|
25
37
|
import {useDOMRef} from './useDOMRef';
|
|
26
38
|
import {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';
|
|
@@ -80,23 +92,31 @@ const actionBarStyles = style({
|
|
|
80
92
|
|
|
81
93
|
export interface ActionBarProps extends SlotProps, StyleProps, DOMProps {
|
|
82
94
|
/** A list of ActionButtons to display. */
|
|
83
|
-
children: ReactNode
|
|
95
|
+
children: ReactNode;
|
|
84
96
|
/** Whether the ActionBar should be displayed with a emphasized style. */
|
|
85
|
-
isEmphasized?: boolean
|
|
86
|
-
/**
|
|
87
|
-
|
|
97
|
+
isEmphasized?: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is
|
|
100
|
+
* hidden.
|
|
101
|
+
*/
|
|
102
|
+
selectedItemCount?: number | 'all';
|
|
88
103
|
/** Handler that is called when the ActionBar clear button is pressed. */
|
|
89
|
-
onClearSelection?: () => void
|
|
104
|
+
onClearSelection?: () => void;
|
|
90
105
|
/** A ref to the scrollable element the ActionBar appears above. */
|
|
91
|
-
scrollRef?: RefObject<HTMLElement | null
|
|
106
|
+
scrollRef?: RefObject<HTMLElement | null>;
|
|
92
107
|
}
|
|
93
108
|
|
|
94
|
-
export const ActionBarContext =
|
|
109
|
+
export const ActionBarContext =
|
|
110
|
+
createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);
|
|
95
111
|
|
|
96
112
|
/**
|
|
97
|
-
* Action bars are used for single and bulk selection patterns when a user needs to perform actions
|
|
113
|
+
* Action bars are used for single and bulk selection patterns when a user needs to perform actions
|
|
114
|
+
* on one or more items at the same time.
|
|
98
115
|
*/
|
|
99
|
-
export const ActionBar = forwardRef(function ActionBar(
|
|
116
|
+
export const ActionBar = forwardRef(function ActionBar(
|
|
117
|
+
props: ActionBarProps,
|
|
118
|
+
ref: DOMRef<HTMLDivElement>
|
|
119
|
+
) {
|
|
100
120
|
[props, ref] = useSpectrumContextProps(props, ref, ActionBarContext);
|
|
101
121
|
let domRef = useDOMRef(ref);
|
|
102
122
|
|
|
@@ -109,9 +129,21 @@ export const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, re
|
|
|
109
129
|
return <ActionBarInner {...props} ref={domRef} isExiting={isExiting} />;
|
|
110
130
|
});
|
|
111
131
|
|
|
112
|
-
const ActionBarInner = forwardRef(function ActionBarInner(
|
|
113
|
-
|
|
114
|
-
|
|
132
|
+
const ActionBarInner = forwardRef(function ActionBarInner(
|
|
133
|
+
props: ActionBarProps & {isExiting: boolean},
|
|
134
|
+
ref: ForwardedRef<HTMLDivElement | null>
|
|
135
|
+
) {
|
|
136
|
+
let {
|
|
137
|
+
isEmphasized,
|
|
138
|
+
selectedItemCount = 0,
|
|
139
|
+
children,
|
|
140
|
+
onClearSelection,
|
|
141
|
+
isExiting,
|
|
142
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
143
|
+
slot,
|
|
144
|
+
scrollRef,
|
|
145
|
+
...otherProps
|
|
146
|
+
} = props;
|
|
115
147
|
let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');
|
|
116
148
|
|
|
117
149
|
// Store the last count greater than zero so that we can retain it while rendering the fade-out animation.
|
|
@@ -164,8 +196,14 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
|
|
|
164
196
|
ref={objectRef}
|
|
165
197
|
{...otherProps}
|
|
166
198
|
{...keyboardProps}
|
|
167
|
-
className={
|
|
168
|
-
|
|
199
|
+
className={
|
|
200
|
+
(props.UNSAFE_className || '') +
|
|
201
|
+
actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})
|
|
202
|
+
}
|
|
203
|
+
style={{
|
|
204
|
+
insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`,
|
|
205
|
+
...props.UNSAFE_style
|
|
206
|
+
}}>
|
|
169
207
|
<div className={style({order: 1, marginStart: 'auto'})}>
|
|
170
208
|
<ActionButtonGroup
|
|
171
209
|
staticColor={isEmphasized ? 'auto' : undefined}
|
|
@@ -178,8 +216,12 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
|
|
|
178
216
|
<CloseButton
|
|
179
217
|
staticColor={isEmphasized ? 'auto' : undefined}
|
|
180
218
|
aria-label={stringFormatter.format('actionbar.clearSelection')}
|
|
181
|
-
onPress={() => onClearSelection?.()}
|
|
182
|
-
|
|
219
|
+
onPress={() => onClearSelection?.()}
|
|
220
|
+
/>
|
|
221
|
+
<span
|
|
222
|
+
className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({
|
|
223
|
+
isEmphasized
|
|
224
|
+
})}>
|
|
183
225
|
{lastCount === 'all'
|
|
184
226
|
? stringFormatter.format('actionbar.selectedAll')
|
|
185
227
|
: stringFormatter.format('actionbar.selected', {count: lastCount})}
|
|
@@ -191,26 +233,38 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
|
|
|
191
233
|
});
|
|
192
234
|
|
|
193
235
|
interface ActionBarContainerHookProps {
|
|
194
|
-
selectedKeys?: 'all' | Iterable<Key
|
|
195
|
-
defaultSelectedKeys?: 'all' | Iterable<Key
|
|
196
|
-
onSelectionChange?: (keys: Set<Key>) => void
|
|
197
|
-
renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement
|
|
198
|
-
scrollRef?: RefObject<HTMLElement | null
|
|
236
|
+
selectedKeys?: 'all' | Iterable<Key>;
|
|
237
|
+
defaultSelectedKeys?: 'all' | Iterable<Key>;
|
|
238
|
+
onSelectionChange?: (keys: Set<Key>) => void;
|
|
239
|
+
renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
|
|
240
|
+
scrollRef?: RefObject<HTMLElement | null>;
|
|
199
241
|
}
|
|
200
242
|
|
|
201
243
|
interface ActionBarContainerHookResult {
|
|
202
|
-
selectedKeys: 'all' | Iterable<Key
|
|
203
|
-
onSelectionChange: (keys: 'all' | Iterable<Key>) => void
|
|
204
|
-
actionBar: ReactElement
|
|
205
|
-
actionBarHeight: number
|
|
244
|
+
selectedKeys: 'all' | Iterable<Key>;
|
|
245
|
+
onSelectionChange: (keys: 'all' | Iterable<Key>) => void;
|
|
246
|
+
actionBar: ReactElement;
|
|
247
|
+
actionBarHeight: number;
|
|
206
248
|
}
|
|
207
249
|
|
|
208
|
-
export function useActionBarContainer(
|
|
250
|
+
export function useActionBarContainer(
|
|
251
|
+
props: ActionBarContainerHookProps
|
|
252
|
+
): ActionBarContainerHookResult {
|
|
209
253
|
let {renderActionBar, scrollRef} = props;
|
|
210
|
-
let [selectedKeys, setSelectedKeys] = useControlledState(
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
254
|
+
let [selectedKeys, setSelectedKeys] = useControlledState(
|
|
255
|
+
props.selectedKeys,
|
|
256
|
+
props.defaultSelectedKeys || new Set(),
|
|
257
|
+
props.onSelectionChange
|
|
258
|
+
);
|
|
259
|
+
let selectedKeysSet = useMemo(
|
|
260
|
+
() => (selectedKeys === 'all' ? (selectedKeys as 'all') : new Set(selectedKeys)),
|
|
261
|
+
[selectedKeys]
|
|
262
|
+
);
|
|
263
|
+
let actionBar = useMemo(
|
|
264
|
+
() => renderActionBar?.(selectedKeysSet),
|
|
265
|
+
[renderActionBar, selectedKeysSet]
|
|
266
|
+
);
|
|
267
|
+
let selectedItemCount = selectedKeysSet === 'all' ? ('all' as const) : selectedKeysSet.size;
|
|
214
268
|
let [actionBarHeight, setActionBarHeight] = useState(0);
|
|
215
269
|
let actionBarRef = useCallback((ref: DOMRefValue | null) => {
|
|
216
270
|
let actionBar = ref?.UNSAFE_getDOMNode();
|
|
@@ -221,18 +275,22 @@ export function useActionBarContainer(props: ActionBarContainerHookProps): Actio
|
|
|
221
275
|
}
|
|
222
276
|
}, []);
|
|
223
277
|
|
|
224
|
-
let actionBarContext = useMemo(
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
278
|
+
let actionBarContext = useMemo(
|
|
279
|
+
() => ({
|
|
280
|
+
ref: actionBarRef,
|
|
281
|
+
scrollRef,
|
|
282
|
+
selectedItemCount,
|
|
283
|
+
onClearSelection: () => setSelectedKeys(new Set())
|
|
284
|
+
}),
|
|
285
|
+
[scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]
|
|
286
|
+
);
|
|
287
|
+
|
|
288
|
+
let wrappedActionBar = useMemo(
|
|
289
|
+
() => (
|
|
290
|
+
<ActionBarContext.Provider value={actionBarContext}>{actionBar}</ActionBarContext.Provider>
|
|
291
|
+
),
|
|
292
|
+
[actionBarContext, actionBar]
|
|
293
|
+
);
|
|
236
294
|
|
|
237
295
|
return {
|
|
238
296
|
selectedKeys,
|