@wordpress/components 23.9.0 → 25.0.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/CHANGELOG.md +62 -0
- package/CONTRIBUTING.md +75 -1
- package/README.md +1 -3
- package/build/autocomplete/autocompleter-ui.js +0 -2
- package/build/autocomplete/autocompleter-ui.js.map +1 -1
- package/build/autocomplete/index.js +2 -0
- package/build/autocomplete/index.js.map +1 -1
- package/build/button/index.js +2 -0
- package/build/button/index.js.map +1 -1
- package/build/card/card-media/component.js +2 -1
- package/build/card/card-media/component.js.map +1 -1
- package/build/color-picker/styles.js +8 -8
- package/build/color-picker/styles.js.map +1 -1
- package/build/combobox-control/index.js +7 -5
- package/build/combobox-control/index.js.map +1 -1
- package/build/combobox-control/styles.js +3 -3
- package/build/combobox-control/styles.js.map +1 -1
- package/build/date-time/date-time/index.js +3 -84
- package/build/date-time/date-time/index.js.map +1 -1
- package/build/date-time/date-time/styles.js +4 -19
- package/build/date-time/date-time/styles.js.map +1 -1
- package/build/dimension-control/index.js +1 -1
- package/build/dimension-control/index.js.map +1 -1
- package/build/draggable/index.js +2 -7
- package/build/draggable/index.js.map +1 -1
- package/build/dropdown-menu/index.js +87 -11
- package/build/dropdown-menu/index.js.map +1 -1
- package/build/dropdown-menu/types.js +6 -0
- package/build/dropdown-menu/types.js.map +1 -0
- package/build/dropdown-menu-v2/index.js +195 -0
- package/build/dropdown-menu-v2/index.js.map +1 -0
- package/build/dropdown-menu-v2/styles.js +176 -0
- package/build/dropdown-menu-v2/styles.js.map +1 -0
- package/build/dropdown-menu-v2/types.js +6 -0
- package/build/dropdown-menu-v2/types.js.map +1 -0
- package/build/form-token-field/index.js +5 -3
- package/build/form-token-field/index.js.map +1 -1
- package/build/form-token-field/styles.js +3 -3
- package/build/form-token-field/styles.js.map +1 -1
- package/build/index.native.js +0 -9
- package/build/index.native.js.map +1 -1
- package/build/input-control/styles/input-control-styles.js +30 -23
- package/build/input-control/styles/input-control-styles.js.map +1 -1
- package/build/mobile/bottom-sheet/cell.native.js +16 -8
- package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet/range-cell.native.js +3 -2
- package/build/mobile/bottom-sheet/range-cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet/stepper-cell/index.native.js +4 -2
- package/build/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
- package/build/mobile/bottom-sheet/switch-cell.native.js +8 -2
- package/build/mobile/bottom-sheet/switch-cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet-select-control/index.native.js +4 -2
- package/build/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
- package/build/mobile/bottom-sheet-text-control/index.native.js +4 -2
- package/build/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
- package/build/mobile/global-styles-context/index.native.js +13 -1
- package/build/mobile/global-styles-context/index.native.js.map +1 -1
- package/build/mobile/link-picker/link-picker-results.native.js +3 -1
- package/build/mobile/link-picker/link-picker-results.native.js.map +1 -1
- package/build/navigable-container/container.js +39 -19
- package/build/navigable-container/container.js.map +1 -1
- package/build/navigable-container/index.js.map +1 -1
- package/build/navigable-container/menu.js +37 -5
- package/build/navigable-container/menu.js.map +1 -1
- package/build/navigable-container/tabbable.js +45 -4
- package/build/navigable-container/tabbable.js.map +1 -1
- package/build/navigable-container/types.js +6 -0
- package/build/navigable-container/types.js.map +1 -0
- package/build/palette-edit/index.js +34 -12
- package/build/palette-edit/index.js.map +1 -1
- package/build/private-apis.js +13 -1
- package/build/private-apis.js.map +1 -1
- package/build/range-control/index.native.js +5 -2
- package/build/range-control/index.native.js.map +1 -1
- package/build/sandbox/index.native.js +6 -2
- package/build/sandbox/index.native.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/fill.js +2 -1
- package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/slot-fill-provider.js +45 -35
- package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/use-slot.js +11 -26
- package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
- package/build/slot-fill/fill.js +7 -31
- package/build/slot-fill/fill.js.map +1 -1
- package/build/slot-fill/index.js.map +1 -1
- package/build/slot-fill/provider.js +0 -6
- package/build/slot-fill/provider.js.map +1 -1
- package/build/slot-fill/slot.js +0 -5
- package/build/slot-fill/slot.js.map +1 -1
- package/build/snackbar/list.js +0 -2
- package/build/snackbar/list.js.map +1 -1
- package/build/tab-panel/index.js.map +1 -1
- package/build/theme/color-algorithms.js +1 -1
- package/build/theme/color-algorithms.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control/styles.js +7 -7
- package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build/toolbar/toolbar-button/index.js +1 -2
- package/build/toolbar/toolbar-button/index.js.map +1 -1
- package/build/toolbar/toolbar-item/index.js +4 -2
- package/build/toolbar/toolbar-item/index.js.map +1 -1
- package/build/utils/colors-values.js +3 -3
- package/build/utils/colors-values.js.map +1 -1
- package/build/utils/use-deprecated-props.js +35 -0
- package/build/utils/use-deprecated-props.js.map +1 -0
- package/build-module/autocomplete/autocompleter-ui.js +1 -3
- package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
- package/build-module/autocomplete/index.js +3 -3
- package/build-module/autocomplete/index.js.map +1 -1
- package/build-module/button/index.js +2 -0
- package/build-module/button/index.js.map +1 -1
- package/build-module/card/card-media/component.js +2 -1
- package/build-module/card/card-media/component.js.map +1 -1
- package/build-module/color-picker/styles.js +8 -8
- package/build-module/color-picker/styles.js.map +1 -1
- package/build-module/combobox-control/index.js +6 -5
- package/build-module/combobox-control/index.js.map +1 -1
- package/build-module/combobox-control/styles.js +3 -3
- package/build-module/combobox-control/styles.js.map +1 -1
- package/build-module/date-time/date-time/index.js +6 -81
- package/build-module/date-time/date-time/index.js.map +1 -1
- package/build-module/date-time/date-time/styles.js +3 -17
- package/build-module/date-time/date-time/styles.js.map +1 -1
- package/build-module/dimension-control/index.js +1 -1
- package/build-module/dimension-control/index.js.map +1 -1
- package/build-module/draggable/index.js +2 -7
- package/build-module/draggable/index.js.map +1 -1
- package/build-module/dropdown-menu/index.js +87 -10
- package/build-module/dropdown-menu/index.js.map +1 -1
- package/build-module/dropdown-menu/types.js +2 -0
- package/build-module/dropdown-menu/types.js.map +1 -0
- package/build-module/dropdown-menu-v2/index.js +149 -0
- package/build-module/dropdown-menu-v2/index.js.map +1 -0
- package/build-module/dropdown-menu-v2/styles.js +153 -0
- package/build-module/dropdown-menu-v2/styles.js.map +1 -0
- package/build-module/dropdown-menu-v2/types.js +2 -0
- package/build-module/dropdown-menu-v2/types.js.map +1 -0
- package/build-module/form-token-field/index.js +4 -3
- package/build-module/form-token-field/index.js.map +1 -1
- package/build-module/form-token-field/styles.js +3 -3
- package/build-module/form-token-field/styles.js.map +1 -1
- package/build-module/index.native.js +0 -1
- package/build-module/index.native.js.map +1 -1
- package/build-module/input-control/styles/input-control-styles.js +30 -23
- package/build-module/input-control/styles/input-control-styles.js.map +1 -1
- package/build-module/mobile/bottom-sheet/cell.native.js +16 -8
- package/build-module/mobile/bottom-sheet/cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/range-cell.native.js +3 -2
- package/build-module/mobile/bottom-sheet/range-cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/stepper-cell/index.native.js +4 -2
- package/build-module/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/switch-cell.native.js +7 -2
- package/build-module/mobile/bottom-sheet/switch-cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet-select-control/index.native.js +4 -2
- package/build-module/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet-text-control/index.native.js +4 -2
- package/build-module/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
- package/build-module/mobile/global-styles-context/index.native.js +13 -1
- package/build-module/mobile/global-styles-context/index.native.js.map +1 -1
- package/build-module/mobile/link-picker/link-picker-results.native.js +3 -1
- package/build-module/mobile/link-picker/link-picker-results.native.js.map +1 -1
- package/build-module/navigable-container/container.js +43 -19
- package/build-module/navigable-container/container.js.map +1 -1
- package/build-module/navigable-container/index.js +0 -2
- package/build-module/navigable-container/index.js.map +1 -1
- package/build-module/navigable-container/menu.js +36 -4
- package/build-module/navigable-container/menu.js.map +1 -1
- package/build-module/navigable-container/tabbable.js +44 -3
- package/build-module/navigable-container/tabbable.js.map +1 -1
- package/build-module/navigable-container/types.js +2 -0
- package/build-module/navigable-container/types.js.map +1 -0
- package/build-module/palette-edit/index.js +34 -13
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/private-apis.js +12 -1
- package/build-module/private-apis.js.map +1 -1
- package/build-module/range-control/index.native.js +5 -2
- package/build-module/range-control/index.native.js.map +1 -1
- package/build-module/sandbox/index.native.js +6 -2
- package/build-module/sandbox/index.native.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/fill.js +2 -1
- package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js +46 -36
- package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/use-slot.js +12 -27
- package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
- package/build-module/slot-fill/fill.js +7 -31
- package/build-module/slot-fill/fill.js.map +1 -1
- package/build-module/slot-fill/index.js +1 -2
- package/build-module/slot-fill/index.js.map +1 -1
- package/build-module/slot-fill/provider.js +0 -6
- package/build-module/slot-fill/provider.js.map +1 -1
- package/build-module/slot-fill/slot.js +0 -5
- package/build-module/slot-fill/slot.js.map +1 -1
- package/build-module/snackbar/list.js +0 -2
- package/build-module/snackbar/list.js.map +1 -1
- package/build-module/tab-panel/index.js.map +1 -1
- package/build-module/theme/color-algorithms.js +1 -1
- package/build-module/theme/color-algorithms.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control/styles.js +7 -7
- package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build-module/toolbar/toolbar-button/index.js +1 -2
- package/build-module/toolbar/toolbar-button/index.js.map +1 -1
- package/build-module/toolbar/toolbar-item/index.js +5 -2
- package/build-module/toolbar/toolbar-item/index.js.map +1 -1
- package/build-module/utils/colors-values.js +3 -3
- package/build-module/utils/colors-values.js.map +1 -1
- package/build-module/utils/use-deprecated-props.js +25 -0
- package/build-module/utils/use-deprecated-props.js.map +1 -0
- package/build-style/style-rtl.css +67 -67
- package/build-style/style.css +67 -67
- package/build-types/autocomplete/autocompleter-ui.d.ts.map +1 -1
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/autocomplete/types.d.ts +2 -18
- package/build-types/autocomplete/types.d.ts.map +1 -1
- package/build-types/button/deprecated.d.ts +6 -0
- package/build-types/button/deprecated.d.ts.map +1 -1
- package/build-types/button/index.d.ts.map +1 -1
- package/build-types/button/types.d.ts +7 -0
- package/build-types/button/types.d.ts.map +1 -1
- package/build-types/card/card-media/component.d.ts +2 -1
- package/build-types/card/card-media/component.d.ts.map +1 -1
- package/build-types/card/stories/index.d.ts +21 -1
- package/build-types/card/stories/index.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/combobox-control/index.d.ts +1 -1
- package/build-types/combobox-control/index.d.ts.map +1 -1
- package/build-types/combobox-control/stories/index.d.ts.map +1 -1
- package/build-types/combobox-control/styles.d.ts +1 -1
- package/build-types/combobox-control/types.d.ts +8 -1
- package/build-types/combobox-control/types.d.ts.map +1 -1
- package/build-types/date-time/date-time/index.d.ts +3 -4
- package/build-types/date-time/date-time/index.d.ts.map +1 -1
- package/build-types/date-time/date-time/styles.d.ts +0 -4
- package/build-types/date-time/date-time/styles.d.ts.map +1 -1
- package/build-types/date-time/stories/date-time.d.ts.map +1 -1
- package/build-types/date-time/types.d.ts +0 -14
- package/build-types/date-time/types.d.ts.map +1 -1
- package/build-types/dimension-control/index.d.ts +1 -1
- package/build-types/draggable/index.d.ts.map +1 -1
- package/build-types/dropdown-menu/index.d.ts +83 -1
- package/build-types/dropdown-menu/index.d.ts.map +1 -1
- package/build-types/dropdown-menu/stories/index.d.ts +13 -0
- package/build-types/dropdown-menu/stories/index.d.ts.map +1 -0
- package/build-types/dropdown-menu/test/index.d.ts +2 -0
- package/build-types/dropdown-menu/test/index.d.ts.map +1 -0
- package/build-types/dropdown-menu/types.d.ts +134 -0
- package/build-types/dropdown-menu/types.d.ts.map +1 -0
- package/build-types/dropdown-menu-v2/index.d.ts +17 -0
- package/build-types/dropdown-menu-v2/index.d.ts.map +1 -0
- package/build-types/dropdown-menu-v2/stories/index.d.ts +13 -0
- package/build-types/dropdown-menu-v2/stories/index.d.ts.map +1 -0
- package/build-types/dropdown-menu-v2/styles.d.ts +41 -0
- package/build-types/dropdown-menu-v2/styles.d.ts.map +1 -0
- package/build-types/dropdown-menu-v2/test/index.d.ts +2 -0
- package/build-types/dropdown-menu-v2/test/index.d.ts.map +1 -0
- package/build-types/dropdown-menu-v2/types.d.ts +242 -0
- package/build-types/dropdown-menu-v2/types.d.ts.map +1 -0
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/form-token-field/styles.d.ts +1 -1
- package/build-types/form-token-field/types.d.ts +8 -1
- package/build-types/form-token-field/types.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
- package/build-types/navigable-container/container.d.ts +20 -1
- package/build-types/navigable-container/container.d.ts.map +1 -1
- package/build-types/navigable-container/index.d.ts +5 -2
- package/build-types/navigable-container/index.d.ts.map +1 -1
- package/build-types/navigable-container/menu.d.ts +45 -11
- package/build-types/navigable-container/menu.d.ts.map +1 -1
- package/build-types/navigable-container/stories/navigable-menu.d.ts +12 -0
- package/build-types/navigable-container/stories/navigable-menu.d.ts.map +1 -0
- package/build-types/navigable-container/stories/tabbable-container.d.ts +12 -0
- package/build-types/navigable-container/stories/tabbable-container.d.ts.map +1 -0
- package/build-types/navigable-container/tabbable.d.ts +52 -9
- package/build-types/navigable-container/tabbable.d.ts.map +1 -1
- package/build-types/navigable-container/test/navigable-menu.d.ts +2 -0
- package/build-types/navigable-container/test/navigable-menu.d.ts.map +1 -0
- package/build-types/navigable-container/test/tababble-container.d.ts +2 -0
- package/build-types/navigable-container/test/tababble-container.d.ts.map +1 -0
- package/build-types/navigable-container/types.d.ts +61 -0
- package/build-types/navigable-container/types.d.ts.map +1 -0
- package/build-types/navigator/navigator-back-button/component.d.ts +1 -0
- package/build-types/navigator/navigator-back-button/component.d.ts.map +1 -1
- package/build-types/navigator/navigator-back-button/hook.d.ts +1 -0
- package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
- package/build-types/navigator/navigator-button/component.d.ts +1 -0
- package/build-types/navigator/navigator-button/component.d.ts.map +1 -1
- package/build-types/navigator/navigator-button/hook.d.ts +1 -0
- package/build-types/navigator/navigator-button/hook.d.ts.map +1 -1
- package/build-types/navigator/navigator-to-parent-button/component.d.ts +1 -0
- package/build-types/navigator/navigator-to-parent-button/component.d.ts.map +1 -1
- package/build-types/palette-edit/index.d.ts +1 -1
- package/build-types/palette-edit/index.d.ts.map +1 -1
- package/build-types/palette-edit/stories/index.d.ts.map +1 -1
- package/build-types/palette-edit/types.d.ts +8 -0
- package/build-types/palette-edit/types.d.ts.map +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map +1 -1
- package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map +1 -1
- package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map +1 -1
- package/build-types/slot-fill/fill.d.ts +4 -2
- package/build-types/slot-fill/fill.d.ts.map +1 -1
- package/build-types/slot-fill/index.d.ts +1 -2
- package/build-types/slot-fill/index.d.ts.map +1 -1
- package/build-types/slot-fill/provider.d.ts +0 -2
- package/build-types/slot-fill/provider.d.ts.map +1 -1
- package/build-types/slot-fill/slot.d.ts.map +1 -1
- package/build-types/snackbar/list.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
- package/build-types/toolbar/stories/index.d.ts.map +1 -1
- package/build-types/toolbar/toolbar-button/index.d.ts +6 -0
- package/build-types/toolbar/toolbar-button/index.d.ts.map +1 -1
- package/build-types/toolbar/toolbar-item/index.d.ts +6 -4
- package/build-types/toolbar/toolbar-item/index.d.ts.map +1 -1
- package/build-types/tree-grid/types.d.ts +7 -0
- package/build-types/tree-grid/types.d.ts.map +1 -1
- package/build-types/ui/context/get-styled-class-name-from-key.d.ts +1 -10
- package/build-types/ui/context/get-styled-class-name-from-key.d.ts.map +1 -1
- package/build-types/utils/use-deprecated-props.d.ts +9 -0
- package/build-types/utils/use-deprecated-props.d.ts.map +1 -0
- package/package.json +21 -20
- package/src/autocomplete/README.md +78 -52
- package/src/autocomplete/autocompleter-ui.tsx +0 -2
- package/src/autocomplete/index.tsx +1 -2
- package/src/autocomplete/types.ts +3 -19
- package/src/button/index.tsx +2 -0
- package/src/button/style.scss +18 -18
- package/src/button/types.ts +7 -0
- package/src/card/card-media/README.md +1 -1
- package/src/card/card-media/component.tsx +2 -1
- package/src/card/stories/index.tsx +47 -26
- package/src/checkbox-control/style.scss +1 -4
- package/src/color-picker/styles.ts +7 -2
- package/src/combobox-control/index.tsx +24 -18
- package/src/combobox-control/stories/index.tsx +0 -1
- package/src/combobox-control/styles.ts +4 -4
- package/src/combobox-control/types.ts +8 -1
- package/src/custom-gradient-picker/style.scss +2 -2
- package/src/date-time/README.md +0 -16
- package/src/date-time/date-time/index.tsx +17 -155
- package/src/date-time/date-time/styles.ts +0 -4
- package/src/date-time/stories/date-time.tsx +0 -4
- package/src/date-time/types.ts +0 -16
- package/src/dimension-control/index.tsx +1 -1
- package/src/draggable/index.tsx +1 -9
- package/src/dropdown-menu/README.md +12 -22
- package/src/dropdown-menu/{index.js → index.tsx} +111 -25
- package/src/dropdown-menu/stories/{index.js → index.tsx} +14 -22
- package/src/dropdown-menu/test/{index.js → index.tsx} +6 -5
- package/src/dropdown-menu/types.ts +143 -0
- package/src/dropdown-menu-v2/README.md +392 -0
- package/src/dropdown-menu-v2/index.tsx +241 -0
- package/src/dropdown-menu-v2/stories/index.tsx +193 -0
- package/src/dropdown-menu-v2/styles.ts +263 -0
- package/src/dropdown-menu-v2/test/index.tsx +816 -0
- package/src/dropdown-menu-v2/types.ts +250 -0
- package/src/form-toggle/style.scss +1 -5
- package/src/form-token-field/index.tsx +7 -3
- package/src/form-token-field/styles.ts +4 -4
- package/src/form-token-field/types.ts +8 -1
- package/src/index.native.js +0 -1
- package/src/input-control/styles/input-control-styles.tsx +7 -0
- package/src/mobile/bottom-sheet/cell.native.js +26 -5
- package/src/mobile/bottom-sheet/range-cell.native.js +2 -1
- package/src/mobile/bottom-sheet/stepper-cell/index.native.js +2 -0
- package/src/mobile/bottom-sheet/styles.native.scss +13 -1
- package/src/mobile/bottom-sheet/switch-cell.native.js +10 -2
- package/src/mobile/bottom-sheet-select-control/index.native.js +2 -0
- package/src/mobile/bottom-sheet-text-control/index.native.js +2 -0
- package/src/mobile/global-styles-context/index.native.js +12 -1
- package/src/mobile/link-picker/link-picker-results.native.js +3 -0
- package/src/modal/style.scss +1 -1
- package/src/navigable-container/README.md +24 -13
- package/src/navigable-container/{container.js → container.tsx} +57 -27
- package/src/navigable-container/{index.js → index.tsx} +0 -1
- package/src/navigable-container/menu.tsx +100 -0
- package/src/navigable-container/stories/{navigable-menu.js → navigable-menu.tsx} +15 -10
- package/src/navigable-container/stories/{tabbable-container.js → tabbable-container.tsx} +15 -6
- package/src/navigable-container/tabbable.tsx +92 -0
- package/src/navigable-container/test/{navigable-menu.js → navigable-menu.tsx} +3 -1
- package/src/navigable-container/test/{tababble-container.js → tababble-container.tsx} +53 -24
- package/src/navigable-container/types.ts +76 -0
- package/src/palette-edit/index.tsx +45 -7
- package/src/palette-edit/stories/index.tsx +4 -0
- package/src/palette-edit/types.ts +11 -0
- package/src/private-apis.ts +22 -0
- package/src/range-control/index.native.js +3 -0
- package/src/sandbox/index.native.js +4 -0
- package/src/search-control/style.scss +2 -0
- package/src/slot-fill/bubbles-virtually/fill.js +2 -1
- package/src/slot-fill/bubbles-virtually/slot-fill-provider.js +46 -60
- package/src/slot-fill/bubbles-virtually/use-slot.js +14 -41
- package/src/slot-fill/fill.js +4 -26
- package/src/slot-fill/index.js +1 -3
- package/src/slot-fill/provider.js +0 -6
- package/src/slot-fill/slot.js +0 -5
- package/src/snackbar/list.tsx +0 -1
- package/src/style.scss +6 -0
- package/src/tab-panel/index.tsx +1 -1
- package/src/theme/color-algorithms.ts +1 -1
- package/src/theme/stories/index.tsx +1 -1
- package/src/theme/test/color-algorithms.ts +2 -2
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +10 -6
- package/src/toggle-group-control/toggle-group-control/styles.ts +6 -1
- package/src/toolbar/stories/index.tsx +25 -26
- package/src/toolbar/toolbar-button/index.tsx +10 -13
- package/src/toolbar/toolbar-item/{index.js → index.tsx} +12 -3
- package/src/tooltip/style.scss +2 -2
- package/src/tree-grid/README.md +18 -0
- package/src/tree-grid/types.ts +7 -0
- package/src/utils/colors-values.js +3 -3
- package/src/utils/theme-variables.scss +4 -4
- package/src/utils/use-deprecated-props.ts +29 -0
- package/tsconfig.json +1 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/build/mobile/readable-content-view/index.native.js +0 -97
- package/build/mobile/readable-content-view/index.native.js.map +0 -1
- package/build-module/mobile/readable-content-view/index.native.js +0 -81
- package/build-module/mobile/readable-content-view/index.native.js.map +0 -1
- package/src/CONTRIBUTING.md +0 -78
- package/src/README.md +0 -20
- package/src/mobile/readable-content-view/index.native.js +0 -85
- package/src/mobile/readable-content-view/style.native.scss +0 -30
- package/src/navigable-container/menu.js +0 -62
- package/src/navigable-container/tabbable.js +0 -46
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/card/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EACN,IAAI,EAMJ,MAAM,IAAI,CAAC;AAKZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAkBrC,CAAC;AAEF,eAAe,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/card/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EACN,IAAI,EAMJ,MAAM,IAAI,CAAC;AAKZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAkBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;;;;;;8CAAsB,CAAC;AA+B3C;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;8CAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;UAWzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA6C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}
|
|
@@ -46,6 +46,6 @@ import type { ComboboxControlProps } from './types';
|
|
|
46
46
|
* }
|
|
47
47
|
* ```
|
|
48
48
|
*/
|
|
49
|
-
declare function ComboboxControl(
|
|
49
|
+
declare function ComboboxControl(props: ComboboxControlProps): JSX.Element;
|
|
50
50
|
export default ComboboxControl;
|
|
51
51
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA6B3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,eAiRpD;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combobox-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAWjC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,eAAe,CAWhD,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,wCAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combobox-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAWjC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,eAAe,CAWhD,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,wCAAsB,CAAC;AAO3C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,wCAAsB,CAAC"}
|
|
@@ -4,5 +4,5 @@ export declare const InputWrapperFlex: import("@emotion/styled").StyledComponent
|
|
|
4
4
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
-
} & Pick<ComboboxControlProps, "
|
|
7
|
+
} & Pick<ComboboxControlProps, "__next40pxDefaultSize">, {}, {}>;
|
|
8
8
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -18,11 +18,18 @@ export type ComboboxControlProps = Pick<BaseControlProps, '__nextHasNoMarginBott
|
|
|
18
18
|
item: ComboboxControlOption;
|
|
19
19
|
}) => React.ReactNode;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Deprecated. Use `__next40pxDefaultSize` instead.
|
|
22
22
|
*
|
|
23
23
|
* @default false
|
|
24
|
+
* @deprecated
|
|
24
25
|
*/
|
|
25
26
|
__next36pxDefaultSize?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Start opting into the larger default height that will become the default size in a future version.
|
|
29
|
+
*
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
__next40pxDefaultSize?: boolean;
|
|
26
33
|
/**
|
|
27
34
|
* Show a reset button to clear the input.
|
|
28
35
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* Internal dependencies
|
|
4
|
+
*/
|
|
2
5
|
import { default as DatePicker } from '../date';
|
|
3
6
|
import { default as TimePicker } from '../time';
|
|
4
7
|
export { DatePicker, TimePicker };
|
|
@@ -19,8 +22,6 @@ export { DatePicker, TimePicker };
|
|
|
19
22
|
* currentDate={ date }
|
|
20
23
|
* onChange={ ( newDate ) => setDate( newDate ) }
|
|
21
24
|
* is12Hour
|
|
22
|
-
* __nextRemoveHelpButton
|
|
23
|
-
* __nextRemoveResetButton
|
|
24
25
|
* />
|
|
25
26
|
* );
|
|
26
27
|
* };
|
|
@@ -28,8 +29,6 @@ export { DatePicker, TimePicker };
|
|
|
28
29
|
*/
|
|
29
30
|
export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Omit<import("../types").DatePickerProps, "onChange"> & Omit<import("../types").TimePickerProps, "onChange" | "currentTime"> & {
|
|
30
31
|
onChange?: ((date: string | null) => void) | undefined;
|
|
31
|
-
__nextRemoveHelpButton?: boolean | undefined;
|
|
32
|
-
__nextRemoveResetButton?: boolean | undefined;
|
|
33
32
|
} & import("react").RefAttributes<any>>;
|
|
34
33
|
export default DateTimePicker;
|
|
35
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAIhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAqClC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;uCAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}
|
|
@@ -7,8 +7,4 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<Omit<imp
|
|
|
7
7
|
} & {
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
9
|
}, {}, {}>;
|
|
10
|
-
export declare const CalendarHelp: import("@emotion/styled").StyledComponent<{
|
|
11
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
-
as?: import("react").ElementType<any> | undefined;
|
|
13
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
10
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,OAAO;;;;;;;UAEnB,CAAC
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,OAAO;;;;;;;UAEnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/date-time.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAE1D,CAAC;
|
|
1
|
+
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/date-time.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAE1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAE,OAAO,cAAc,CAC1C,CAAC;AAWrB,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAE,OAAO,cAAc,CAChD,CAAC"}
|
|
@@ -62,19 +62,5 @@ export type DateTimePickerProps = Omit<DatePickerProps, 'onChange'> & Omit<TimeP
|
|
|
62
62
|
* passed the date and time as an argument.
|
|
63
63
|
*/
|
|
64
64
|
onChange?: (date: string | null) => void;
|
|
65
|
-
/**
|
|
66
|
-
* Start opting in to not displaying a Help button which will become the
|
|
67
|
-
* default in a future version.
|
|
68
|
-
*
|
|
69
|
-
* @default false
|
|
70
|
-
*/
|
|
71
|
-
__nextRemoveHelpButton?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Start opting in to not displaying a Reset button which will become
|
|
74
|
-
* the default in a future version.
|
|
75
|
-
*
|
|
76
|
-
* @default false
|
|
77
|
-
*/
|
|
78
|
-
__nextRemoveResetButton?: boolean;
|
|
79
65
|
};
|
|
80
66
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CAC3C,CAAC"}
|
|
@@ -6,8 +6,8 @@ import type { DimensionControlProps } from './types';
|
|
|
6
6
|
* This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
|
|
7
7
|
*
|
|
8
8
|
* ```jsx
|
|
9
|
-
* import { useState } from 'react';
|
|
10
9
|
* import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';
|
|
10
|
+
* import { useState } from '@wordpress/element';
|
|
11
11
|
*
|
|
12
12
|
* export default function MyCustomDimensionControl() {
|
|
13
13
|
* const [ paddingSize, setPaddingSize ] = useState( '' );
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/draggable/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAE,EAC1B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,qBAA6B,EAC7B,cAAc,EACd,SAAS,EACT,YAAY,EACZ,8BAA8B,EAAE,gBAAyB,EACzD,2BAA2B,EAAE,aAAa,GAC1C,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/draggable/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAE,EAC1B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,qBAA6B,EAC7B,cAAc,EACd,SAAS,EACT,YAAY,EACZ,8BAA8B,EAAE,gBAAyB,EACzD,2BAA2B,EAAE,aAAa,GAC1C,EAAE,cAAc,eA4LhB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1,3 +1,85 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DropdownMenuProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* The DropdownMenu displays a list of actions (each contained in a MenuItem,
|
|
6
|
+
* MenuItemsChoice, or MenuGroup) in a compact way. It appears in a Popover
|
|
7
|
+
* after the user has interacted with an element (a button or icon) or when
|
|
8
|
+
* they perform a specific action.
|
|
9
|
+
*
|
|
10
|
+
* Render a Dropdown Menu with a set of controls:
|
|
11
|
+
*
|
|
12
|
+
* ```jsx
|
|
13
|
+
* import { DropdownMenu } from '@wordpress/components';
|
|
14
|
+
* import {
|
|
15
|
+
* more,
|
|
16
|
+
* arrowLeft,
|
|
17
|
+
* arrowRight,
|
|
18
|
+
* arrowUp,
|
|
19
|
+
* arrowDown,
|
|
20
|
+
* } from '@wordpress/icons';
|
|
21
|
+
*
|
|
22
|
+
* const MyDropdownMenu = () => (
|
|
23
|
+
* <DropdownMenu
|
|
24
|
+
* icon={ more }
|
|
25
|
+
* label="Select a direction"
|
|
26
|
+
* controls={ [
|
|
27
|
+
* {
|
|
28
|
+
* title: 'Up',
|
|
29
|
+
* icon: arrowUp,
|
|
30
|
+
* onClick: () => console.log( 'up' ),
|
|
31
|
+
* },
|
|
32
|
+
* {
|
|
33
|
+
* title: 'Right',
|
|
34
|
+
* icon: arrowRight,
|
|
35
|
+
* onClick: () => console.log( 'right' ),
|
|
36
|
+
* },
|
|
37
|
+
* {
|
|
38
|
+
* title: 'Down',
|
|
39
|
+
* icon: arrowDown,
|
|
40
|
+
* onClick: () => console.log( 'down' ),
|
|
41
|
+
* },
|
|
42
|
+
* {
|
|
43
|
+
* title: 'Left',
|
|
44
|
+
* icon: arrowLeft,
|
|
45
|
+
* onClick: () => console.log( 'left' ),
|
|
46
|
+
* },
|
|
47
|
+
* ] }
|
|
48
|
+
* />
|
|
49
|
+
* );
|
|
50
|
+
* ```
|
|
51
|
+
*
|
|
52
|
+
* Alternatively, specify a `children` function which returns elements valid for
|
|
53
|
+
* use in a DropdownMenu: `MenuItem`, `MenuItemsChoice`, or `MenuGroup`.
|
|
54
|
+
*
|
|
55
|
+
* ```jsx
|
|
56
|
+
* import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
|
|
57
|
+
* import { more, arrowUp, arrowDown, trash } from '@wordpress/icons';
|
|
58
|
+
*
|
|
59
|
+
* const MyDropdownMenu = () => (
|
|
60
|
+
* <DropdownMenu icon={ more } label="Select a direction">
|
|
61
|
+
* { ( { onClose } ) => (
|
|
62
|
+
* <>
|
|
63
|
+
* <MenuGroup>
|
|
64
|
+
* <MenuItem icon={ arrowUp } onClick={ onClose }>
|
|
65
|
+
* Move Up
|
|
66
|
+
* </MenuItem>
|
|
67
|
+
* <MenuItem icon={ arrowDown } onClick={ onClose }>
|
|
68
|
+
* Move Down
|
|
69
|
+
* </MenuItem>
|
|
70
|
+
* </MenuGroup>
|
|
71
|
+
* <MenuGroup>
|
|
72
|
+
* <MenuItem icon={ trash } onClick={ onClose }>
|
|
73
|
+
* Remove
|
|
74
|
+
* </MenuItem>
|
|
75
|
+
* </MenuGroup>
|
|
76
|
+
* </>
|
|
77
|
+
* ) }
|
|
78
|
+
* </DropdownMenu>
|
|
79
|
+
* );
|
|
80
|
+
* ```
|
|
81
|
+
*
|
|
82
|
+
*/
|
|
83
|
+
declare function DropdownMenu(dropdownMenuProps: DropdownMenuProps): JSX.Element | null;
|
|
1
84
|
export default DropdownMenu;
|
|
2
|
-
declare function DropdownMenu(dropdownMenuProps: any): JSX.Element | null;
|
|
3
85
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAwBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AAEH,iBAAS,YAAY,CAAE,iBAAiB,EAAE,iBAAiB,sBAmK1D;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import DropdownMenu from '..';
|
|
9
|
+
declare const meta: ComponentMeta<typeof DropdownMenu>;
|
|
10
|
+
export default meta;
|
|
11
|
+
export declare const Default: ComponentStory<typeof DropdownMenu>;
|
|
12
|
+
export declare const WithChildren: ComponentStory<typeof DropdownMenu>;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACtE;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAgB9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAc7C,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,qCAAsB,CAAC;AAoB3C,eAAO,MAAM,YAAY,qCAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/test/index.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import type { ButtonAsButtonProps } from '../button/types';
|
|
9
|
+
import type { WordPressComponentProps } from '../ui/context';
|
|
10
|
+
import type { DropdownProps } from '../dropdown/types';
|
|
11
|
+
import type { Props as IconProps } from '../icon';
|
|
12
|
+
import type { NavigableMenuProps } from '../navigable-container/types';
|
|
13
|
+
export type DropdownOption = {
|
|
14
|
+
/**
|
|
15
|
+
* The Dashicon icon slug to be shown for the option.
|
|
16
|
+
*/
|
|
17
|
+
icon?: IconProps['icon'];
|
|
18
|
+
/**
|
|
19
|
+
* A human-readable title to display for the option.
|
|
20
|
+
*/
|
|
21
|
+
title: string;
|
|
22
|
+
/**
|
|
23
|
+
* Whether or not the option is disabled.
|
|
24
|
+
*
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
isDisabled?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* A callback function to invoke when the option is selected.
|
|
30
|
+
*/
|
|
31
|
+
onClick?: () => void;
|
|
32
|
+
/**
|
|
33
|
+
* Whether or not the control is currently active.
|
|
34
|
+
*/
|
|
35
|
+
isActive?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Text to use for the internal `Button` component's tooltip.
|
|
38
|
+
*/
|
|
39
|
+
label?: string;
|
|
40
|
+
/**
|
|
41
|
+
* The role to apply to the option's HTML element
|
|
42
|
+
*/
|
|
43
|
+
role?: HTMLElement['role'];
|
|
44
|
+
};
|
|
45
|
+
type DropdownCallbackProps = {
|
|
46
|
+
isOpen: boolean;
|
|
47
|
+
onToggle: () => void;
|
|
48
|
+
onClose: () => void;
|
|
49
|
+
};
|
|
50
|
+
type ToggleProps = Partial<Omit<WordPressComponentProps<ButtonAsButtonProps, 'button', false>, 'label' | 'text'>> & {
|
|
51
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements;
|
|
52
|
+
};
|
|
53
|
+
export type DropdownMenuProps = {
|
|
54
|
+
/**
|
|
55
|
+
* The Dashicon icon slug to be shown in the collapsed menu button.
|
|
56
|
+
*
|
|
57
|
+
* @default "menu"
|
|
58
|
+
*/
|
|
59
|
+
icon?: IconProps['icon'] | null;
|
|
60
|
+
/**
|
|
61
|
+
* A human-readable label to present as accessibility text on the focused
|
|
62
|
+
* collapsed menu button.
|
|
63
|
+
*/
|
|
64
|
+
label: string;
|
|
65
|
+
/**
|
|
66
|
+
* A class name to apply to the dropdown menu's toggle element wrapper.
|
|
67
|
+
*/
|
|
68
|
+
className?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Properties of `popoverProps` object will be passed as props to the nested
|
|
71
|
+
* `Popover` component.
|
|
72
|
+
* Use this object to modify props available for the `Popover` component that
|
|
73
|
+
* are not already exposed in the `DropdownMenu` component, e.g.: the
|
|
74
|
+
* direction in which the popover should open relative to its parent node
|
|
75
|
+
* set with `position` prop.
|
|
76
|
+
*/
|
|
77
|
+
popoverProps?: DropdownProps['popoverProps'];
|
|
78
|
+
/**
|
|
79
|
+
* Properties of `toggleProps` object will be passed as props to the nested
|
|
80
|
+
* `Button` component in the `renderToggle` implementation of the `Dropdown`
|
|
81
|
+
* component used internally.
|
|
82
|
+
* Use this object to modify props available for the `Button` component that
|
|
83
|
+
* are not already exposed in the `DropdownMenu` component, e.g.: the tooltip
|
|
84
|
+
* text displayed on hover set with `tooltip` prop.
|
|
85
|
+
*/
|
|
86
|
+
toggleProps?: ToggleProps;
|
|
87
|
+
/**
|
|
88
|
+
* Properties of `menuProps` object will be passed as props to the nested
|
|
89
|
+
* `NavigableMenu` component in the `renderContent` implementation of the
|
|
90
|
+
* `Dropdown` component used internally.
|
|
91
|
+
* Use this object to modify props available for the `NavigableMenu`
|
|
92
|
+
* component that are not already exposed in the `DropdownMenu` component,
|
|
93
|
+
* e.g.: the orientation of the menu set with `orientation` prop.
|
|
94
|
+
*/
|
|
95
|
+
menuProps?: Omit<Partial<NavigableMenuProps>, 'children'>;
|
|
96
|
+
/**
|
|
97
|
+
* In some contexts, the arrow down key used to open the dropdown menu might
|
|
98
|
+
* need to be disabled—for example when that key is used to perform another
|
|
99
|
+
* action.
|
|
100
|
+
*
|
|
101
|
+
* @default false
|
|
102
|
+
*/
|
|
103
|
+
disableOpenOnArrowDown?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Text to display on the nested `Button` component in the `renderToggle`
|
|
106
|
+
* implementation of the `Dropdown` component used internally.
|
|
107
|
+
*/
|
|
108
|
+
text?: string;
|
|
109
|
+
/**
|
|
110
|
+
* Whether or not `no-icons` should be added to the menu's `className`.
|
|
111
|
+
*/
|
|
112
|
+
noIcons?: boolean;
|
|
113
|
+
/**
|
|
114
|
+
* A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)
|
|
115
|
+
* which should return an element or elements valid for use in a DropdownMenu:
|
|
116
|
+
* `MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a
|
|
117
|
+
* props object including the same values as given to a `Dropdown`'s
|
|
118
|
+
* `renderContent` (`isOpen`, `onToggle`, `onClose`).
|
|
119
|
+
*
|
|
120
|
+
* A valid DropdownMenu must specify a `controls` or `children` prop, or both.
|
|
121
|
+
*/
|
|
122
|
+
children?: (callbackProps: DropdownCallbackProps) => ReactNode;
|
|
123
|
+
/**
|
|
124
|
+
* An array or nested array of objects describing the options to be shown in
|
|
125
|
+
* the expanded menu. Each object should include an `icon` Dashicon slug
|
|
126
|
+
* string, a human-readable `title` string, `isDisabled` boolean flag, and
|
|
127
|
+
* an `onClick` function callback to invoke when the option is selected.
|
|
128
|
+
*
|
|
129
|
+
* A valid DropdownMenu must specify a `controls` or `children` prop, or both.
|
|
130
|
+
*/
|
|
131
|
+
controls?: DropdownOption[] | DropdownOption[][];
|
|
132
|
+
};
|
|
133
|
+
export {};
|
|
134
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAE,MAAM,CAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,KAAK,WAAW,GAAG,OAAO,CACzB,IAAI,CACH,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,EAC/D,OAAO,GAAG,MAAM,CAChB,CACD,GAAG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,CAAC;IAC/C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,IAAI,CAAE,OAAO,CAAE,kBAAkB,CAAE,EAAE,UAAU,CAAE,CAAC;IAC9D;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAE,aAAa,EAAE,qBAAqB,KAAM,SAAS,CAAC;IACjE;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,EAAE,CAAC;CACjD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DropdownMenuProps, DropdownSubMenuProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuGroupProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownSubMenuTriggerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* `DropdownMenu` displays a menu to the user (such as a set of actions
|
|
5
|
+
* or functions) triggered by a button.
|
|
6
|
+
*/
|
|
7
|
+
export declare const DropdownMenu: ({ defaultOpen, open, onOpenChange, modal, side, sideOffset, align, alignOffset, children, trigger, }: DropdownMenuProps) => JSX.Element;
|
|
8
|
+
export declare const DropdownSubMenuTrigger: ({ prefix, suffix, children, }: DropdownSubMenuTriggerProps) => JSX.Element;
|
|
9
|
+
export declare const DropdownSubMenu: ({ defaultOpen, open, onOpenChange, disabled, textValue, children, trigger, }: DropdownSubMenuProps) => JSX.Element;
|
|
10
|
+
export declare const DropdownMenuLabel: (props: DropdownMenuLabelProps) => JSX.Element;
|
|
11
|
+
export declare const DropdownMenuGroup: (props: DropdownMenuGroupProps) => JSX.Element;
|
|
12
|
+
export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<any>>;
|
|
13
|
+
export declare const DropdownMenuCheckboxItem: ({ children, checked, suffix, ...props }: DropdownMenuCheckboxItemProps) => JSX.Element;
|
|
14
|
+
export declare const DropdownMenuRadioGroup: (props: DropdownMenuRadioGroupProps) => JSX.Element;
|
|
15
|
+
export declare const DropdownMenuRadioItem: ({ children, suffix, ...props }: DropdownMenuRadioItemProps) => JSX.Element;
|
|
16
|
+
export declare const DropdownMenuSeparator: (props: DropdownMenuSeparatorProps) => JSX.Element;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EACX,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,MAAM,SAAS,CAAC;AAOjB;;;GAGG;AACH,eAAO,MAAM,YAAY,yGActB,iBAAiB,gBAyBnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kCAShC,2BAA2B,gBAgB7B,CAAC;AAEF,eAAO,MAAM,eAAe,iFAWzB,oBAAoB,gBAwBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAY,sBAAsB,gBAE/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAY,sBAAsB,gBAE/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,uGAqB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,4CAKlC,6BAA6B,gBAuB/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,gBACmB,CAAC;AAQvD,eAAO,MAAM,qBAAqB,mCAI/B,0BAA0B,gBAgB5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAY,0BAA0B,gBAEvE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import type { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
6
|
+
/**
|
|
7
|
+
* Internal dependencies
|
|
8
|
+
*/
|
|
9
|
+
import { DropdownMenu } from '..';
|
|
10
|
+
declare const meta: ComponentMeta<typeof DropdownMenu>;
|
|
11
|
+
export default meta;
|
|
12
|
+
export declare const Default: ComponentStory<({ defaultOpen, open, onOpenChange, modal, side, sideOffset, align, alignOffset, children, trigger, }: import("../types").DropdownMenuProps) => JSX.Element>;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGtE;;GAEG;AACH,OAAO,EACN,YAAY,EAUZ,MAAM,IAAI,CAAC;AAcZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAmC7C,CAAC;AACF,eAAe,IAAI,CAAC;AA6DpB,eAAO,MAAM,OAAO,6KAAsB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
export declare const ItemPrefixWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
7
|
+
export declare const ItemSuffixWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
11
|
+
export declare const Content: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
}, {}, {}>;
|
|
14
|
+
export declare const SubContent: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
}, {}, {}>;
|
|
17
|
+
export declare const Item: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
18
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
+
}, {}, {}>;
|
|
20
|
+
export declare const CheckboxItem: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
}, {}, {}>;
|
|
23
|
+
export declare const RadioItem: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
24
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
25
|
+
}, {}, {}>;
|
|
26
|
+
export declare const SubTrigger: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
27
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
+
}, {}, {}>;
|
|
29
|
+
export declare const Label: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
30
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
31
|
+
}, {}, {}>;
|
|
32
|
+
export declare const Separator: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
33
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
+
}, {}, {}>;
|
|
35
|
+
export declare const ItemIndicator: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement> & {
|
|
36
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
37
|
+
}, {}, {}>;
|
|
38
|
+
export declare const SubmenuRtlChevronIcon: import("@emotion/styled").StyledComponent<import("../icon").Props & {
|
|
39
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
40
|
+
}, {}, {}>;
|
|
41
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAyI9D,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AA+CF,eAAO,MAAM,OAAO;;UAEnB,CAAC;AACF,eAAO,MAAM,UAAU;;UAEtB,CAAC;AAEF,eAAO,MAAM,IAAI;;UAEhB,CAAC;AACF,eAAO,MAAM,YAAY;;UAExB,CAAC;AACF,eAAO,MAAM,SAAS;;UAErB,CAAC;AACF,eAAO,MAAM,UAAU;;UAQtB,CAAC;AAEF,eAAO,MAAM,KAAK;;UAgBjB,CAAC;AAEF,eAAO,MAAM,SAAS;;UAMrB,CAAC;AAEF,eAAO,MAAM,aAAa;;UAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;UASjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/test/index.tsx"],"names":[],"mappings":""}
|