@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
package/build-style/style.css
CHANGED
|
@@ -88,17 +88,15 @@
|
|
|
88
88
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
89
89
|
*/
|
|
90
90
|
:root {
|
|
91
|
-
--wp-admin-theme-color: #
|
|
92
|
-
--wp-admin-theme-color--rgb:
|
|
93
|
-
--wp-admin-theme-color-darker-10: #
|
|
94
|
-
--wp-admin-theme-color-darker-10--rgb:
|
|
95
|
-
--wp-admin-theme-color-darker-20: #
|
|
96
|
-
--wp-admin-theme-color-darker-20--rgb:
|
|
91
|
+
--wp-admin-theme-color: #3858e9;
|
|
92
|
+
--wp-admin-theme-color--rgb: 56, 88, 233;
|
|
93
|
+
--wp-admin-theme-color-darker-10: #2145e6;
|
|
94
|
+
--wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
|
|
95
|
+
--wp-admin-theme-color-darker-20: #183ad6;
|
|
96
|
+
--wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
|
|
97
97
|
--wp-admin-border-width-focus: 2px;
|
|
98
|
-
--wp-block-synced-color: #7a00df;
|
|
99
|
-
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
100
98
|
}
|
|
101
|
-
@media (
|
|
99
|
+
@media (min-resolution: 192dpi) {
|
|
102
100
|
:root {
|
|
103
101
|
--wp-admin-border-width-focus: 1.5px;
|
|
104
102
|
}
|
|
@@ -185,7 +183,7 @@
|
|
|
185
183
|
width: 100%;
|
|
186
184
|
}
|
|
187
185
|
.components-autocomplete__result.components-button.is-selected {
|
|
188
|
-
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
186
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
189
187
|
}
|
|
190
188
|
|
|
191
189
|
.components-button-group {
|
|
@@ -257,93 +255,90 @@
|
|
|
257
255
|
transition-delay: 0s;
|
|
258
256
|
}
|
|
259
257
|
}
|
|
258
|
+
.components-button.is-next-40px-default-size {
|
|
259
|
+
height: 40px;
|
|
260
|
+
}
|
|
260
261
|
.components-button[aria-expanded=true], .components-button:hover {
|
|
261
|
-
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
262
|
+
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
262
263
|
}
|
|
263
264
|
.components-button[aria-disabled=true]:hover {
|
|
264
265
|
color: initial;
|
|
265
266
|
}
|
|
266
267
|
.components-button:focus:not(:disabled) {
|
|
267
|
-
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
268
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
268
269
|
outline: 3px solid transparent;
|
|
269
270
|
}
|
|
270
271
|
.components-button.is-primary {
|
|
271
272
|
white-space: nowrap;
|
|
272
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
273
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
273
274
|
color: var(--wp-components-color-accent-inverted, #fff);
|
|
274
275
|
text-decoration: none;
|
|
275
276
|
text-shadow: none;
|
|
276
277
|
outline: 1px solid transparent;
|
|
277
278
|
}
|
|
278
279
|
.components-button.is-primary:hover:not(:disabled) {
|
|
279
|
-
background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #
|
|
280
|
+
background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
|
280
281
|
color: var(--wp-components-color-accent-inverted, #fff);
|
|
281
282
|
}
|
|
282
283
|
.components-button.is-primary:active:not(:disabled) {
|
|
283
|
-
background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #
|
|
284
|
-
border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #
|
|
284
|
+
background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
|
285
|
+
border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
|
285
286
|
color: var(--wp-components-color-accent-inverted, #fff);
|
|
286
287
|
}
|
|
287
288
|
.components-button.is-primary:focus:not(:disabled) {
|
|
288
|
-
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
289
|
+
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
289
290
|
}
|
|
290
291
|
.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled {
|
|
291
292
|
color: rgba(255, 255, 255, 0.4);
|
|
292
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
293
|
-
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
293
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
294
|
+
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
294
295
|
opacity: 1;
|
|
295
296
|
outline: none;
|
|
296
297
|
}
|
|
297
298
|
.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled {
|
|
298
|
-
box-shadow: 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
299
|
+
box-shadow: 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
299
300
|
}
|
|
300
301
|
.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] {
|
|
301
302
|
color: var(--wp-components-color-accent-inverted, #fff);
|
|
302
303
|
background-size: 100px 100%;
|
|
303
304
|
/* stylelint-disable */
|
|
304
|
-
background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
305
|
+
background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
|
|
305
306
|
/* stylelint-enable */
|
|
306
|
-
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
307
|
+
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
307
308
|
}
|
|
308
309
|
.components-button.is-secondary, .components-button.is-tertiary {
|
|
309
310
|
outline: 1px solid transparent;
|
|
310
311
|
}
|
|
311
312
|
.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) {
|
|
312
|
-
background: var(--wp-components-color-gray-300, #ddd);
|
|
313
|
-
color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
|
314
313
|
box-shadow: none;
|
|
315
314
|
}
|
|
316
|
-
.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) {
|
|
317
|
-
color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
|
318
|
-
}
|
|
319
315
|
.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover {
|
|
320
|
-
color: #
|
|
321
|
-
background:
|
|
316
|
+
color: #949494;
|
|
317
|
+
background: transparent;
|
|
322
318
|
transform: none;
|
|
323
319
|
opacity: 1;
|
|
324
320
|
box-shadow: none;
|
|
325
321
|
outline: none;
|
|
326
322
|
}
|
|
327
323
|
.components-button.is-secondary {
|
|
328
|
-
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
324
|
+
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
329
325
|
outline: 1px solid transparent;
|
|
330
326
|
white-space: nowrap;
|
|
331
|
-
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
327
|
+
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
332
328
|
background: transparent;
|
|
333
329
|
}
|
|
334
330
|
.components-button.is-secondary:hover:not(:disabled) {
|
|
335
|
-
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #
|
|
331
|
+
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
|
336
332
|
}
|
|
337
333
|
.components-button.is-tertiary {
|
|
338
334
|
white-space: nowrap;
|
|
339
|
-
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
335
|
+
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
340
336
|
background: transparent;
|
|
341
|
-
padding: 6px;
|
|
342
337
|
}
|
|
343
|
-
.components-button.is-tertiary:hover:not(:disabled) {
|
|
338
|
+
.components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
|
|
344
339
|
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
|
345
340
|
}
|
|
346
|
-
.components-button.is-tertiary:active:not(:disabled) {
|
|
341
|
+
.components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
|
|
347
342
|
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
348
343
|
}
|
|
349
344
|
.components-button.is-tertiary .dashicon {
|
|
@@ -380,7 +375,7 @@ p + .components-button.is-tertiary {
|
|
|
380
375
|
background: none;
|
|
381
376
|
outline: none;
|
|
382
377
|
text-align: left;
|
|
383
|
-
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
378
|
+
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
384
379
|
text-decoration: underline;
|
|
385
380
|
transition-property: border, background, color;
|
|
386
381
|
transition-duration: 0.05s;
|
|
@@ -396,7 +391,7 @@ p + .components-button.is-tertiary {
|
|
|
396
391
|
.components-button.is-link:focus {
|
|
397
392
|
border-radius: 2px;
|
|
398
393
|
}
|
|
399
|
-
.components-button:not([aria-disabled=true]):active {
|
|
394
|
+
.components-button:not(:disabled, [aria-disabled=true]):active {
|
|
400
395
|
color: var(--wp-components-color-foreground, #1e1e1e);
|
|
401
396
|
}
|
|
402
397
|
.components-button:disabled, .components-button[aria-disabled=true] {
|
|
@@ -427,6 +422,9 @@ p + .components-button.is-tertiary {
|
|
|
427
422
|
min-width: 36px;
|
|
428
423
|
justify-content: center;
|
|
429
424
|
}
|
|
425
|
+
.components-button.has-icon.is-next-40px-default-size {
|
|
426
|
+
min-width: 40px;
|
|
427
|
+
}
|
|
430
428
|
.components-button.has-icon .dashicon {
|
|
431
429
|
display: inline-block;
|
|
432
430
|
flex: 0 0 auto;
|
|
@@ -436,9 +434,8 @@ p + .components-button.is-tertiary {
|
|
|
436
434
|
.components-button.has-icon.has-text {
|
|
437
435
|
justify-content: start;
|
|
438
436
|
padding-right: 12px;
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
margin-right: 8px;
|
|
437
|
+
padding-left: 8px;
|
|
438
|
+
gap: 4px;
|
|
442
439
|
}
|
|
443
440
|
.components-button.has-icon.has-text .dashicon {
|
|
444
441
|
margin-right: 10px;
|
|
@@ -448,7 +445,7 @@ p + .components-button.is-tertiary {
|
|
|
448
445
|
background: var(--wp-components-color-foreground, #1e1e1e);
|
|
449
446
|
}
|
|
450
447
|
.components-button.is-pressed:focus:not(:disabled) {
|
|
451
|
-
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
448
|
+
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
452
449
|
outline: 2px solid transparent;
|
|
453
450
|
}
|
|
454
451
|
.components-button.is-pressed:hover:not(:disabled) {
|
|
@@ -589,12 +586,13 @@ p + .components-button.is-tertiary {
|
|
|
589
586
|
}
|
|
590
587
|
}
|
|
591
588
|
.components-checkbox-control__input[type=checkbox]:focus {
|
|
592
|
-
box-shadow: 0 0 0
|
|
589
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
|
|
593
590
|
outline: 2px solid transparent;
|
|
591
|
+
outline-offset: 2px;
|
|
594
592
|
}
|
|
595
593
|
.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
|
|
596
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
597
|
-
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
594
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
595
|
+
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
598
596
|
}
|
|
599
597
|
.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check {
|
|
600
598
|
opacity: 0;
|
|
@@ -896,7 +894,7 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
896
894
|
outline: 1px solid transparent;
|
|
897
895
|
}
|
|
898
896
|
.components-color-palette__custom-color:focus {
|
|
899
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
897
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
900
898
|
outline-width: 2px;
|
|
901
899
|
}
|
|
902
900
|
|
|
@@ -1131,7 +1129,7 @@ body.is-dragging-components-draggable {
|
|
|
1131
1129
|
height: 100%;
|
|
1132
1130
|
width: 100%;
|
|
1133
1131
|
display: flex;
|
|
1134
|
-
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1132
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1135
1133
|
align-items: center;
|
|
1136
1134
|
justify-content: center;
|
|
1137
1135
|
z-index: 50;
|
|
@@ -1321,12 +1319,12 @@ body.is-dragging-components-draggable {
|
|
|
1321
1319
|
}
|
|
1322
1320
|
}
|
|
1323
1321
|
.components-form-toggle.is-checked .components-form-toggle__track {
|
|
1324
|
-
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1325
|
-
border: 1px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1322
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1323
|
+
border: 1px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1326
1324
|
border: 9px solid transparent;
|
|
1327
1325
|
}
|
|
1328
1326
|
.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {
|
|
1329
|
-
box-shadow: 0 0 0
|
|
1327
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1330
1328
|
outline: 2px solid transparent;
|
|
1331
1329
|
outline-offset: 2px;
|
|
1332
1330
|
}
|
|
@@ -1463,7 +1461,7 @@ body.is-dragging-components-draggable {
|
|
|
1463
1461
|
}
|
|
1464
1462
|
.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
|
|
1465
1463
|
background: transparent;
|
|
1466
|
-
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1464
|
+
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1467
1465
|
}
|
|
1468
1466
|
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
|
|
1469
1467
|
background: transparent;
|
|
@@ -1554,7 +1552,7 @@ body.is-dragging-components-draggable {
|
|
|
1554
1552
|
cursor: pointer;
|
|
1555
1553
|
}
|
|
1556
1554
|
.components-form-token-field__suggestion.is-selected {
|
|
1557
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1555
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1558
1556
|
color: #fff;
|
|
1559
1557
|
}
|
|
1560
1558
|
|
|
@@ -1682,7 +1680,7 @@ body.is-dragging-components-draggable {
|
|
|
1682
1680
|
bottom: 0;
|
|
1683
1681
|
content: "";
|
|
1684
1682
|
pointer-events: none;
|
|
1685
|
-
outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1683
|
+
outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1686
1684
|
outline-offset: -4px;
|
|
1687
1685
|
z-index: 1000000;
|
|
1688
1686
|
}
|
|
@@ -1691,7 +1689,7 @@ body.is-dragging-components-draggable {
|
|
|
1691
1689
|
.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,
|
|
1692
1690
|
.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,
|
|
1693
1691
|
.is-focusing-regions .editor-post-publish-panel {
|
|
1694
|
-
outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1692
|
+
outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1695
1693
|
outline-offset: -4px;
|
|
1696
1694
|
}
|
|
1697
1695
|
|
|
@@ -1758,7 +1756,7 @@ body.is-dragging-components-draggable {
|
|
|
1758
1756
|
.components-menu-item__button.components-button:disabled.is-tertiary,
|
|
1759
1757
|
.components-menu-item__button.components-button[aria-disabled=true].is-tertiary {
|
|
1760
1758
|
background: none;
|
|
1761
|
-
color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #
|
|
1759
|
+
color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
|
1762
1760
|
opacity: 0.3;
|
|
1763
1761
|
}
|
|
1764
1762
|
|
|
@@ -1939,7 +1937,7 @@ body.is-dragging-components-draggable {
|
|
|
1939
1937
|
}
|
|
1940
1938
|
.components-modal__content.hide-header {
|
|
1941
1939
|
margin-top: 0;
|
|
1942
|
-
padding-top:
|
|
1940
|
+
padding-top: 32px;
|
|
1943
1941
|
}
|
|
1944
1942
|
.components-modal__content.is-scrollable:focus-visible {
|
|
1945
1943
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
@@ -1952,7 +1950,7 @@ body.is-dragging-components-draggable {
|
|
|
1952
1950
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
1953
1951
|
font-size: 13px;
|
|
1954
1952
|
background-color: #fff;
|
|
1955
|
-
border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
1953
|
+
border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
1956
1954
|
margin: 5px 15px 2px;
|
|
1957
1955
|
padding: 8px 12px;
|
|
1958
1956
|
align-items: center;
|
|
@@ -2119,7 +2117,7 @@ body.is-dragging-components-draggable {
|
|
|
2119
2117
|
}
|
|
2120
2118
|
}
|
|
2121
2119
|
.components-panel__body-toggle.components-button:focus {
|
|
2122
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
2120
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
2123
2121
|
border-radius: 0;
|
|
2124
2122
|
}
|
|
2125
2123
|
.components-panel__body-toggle.components-button .components-panel__arrow {
|
|
@@ -2641,7 +2639,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2641
2639
|
position: absolute;
|
|
2642
2640
|
top: calc(50% - 8px);
|
|
2643
2641
|
right: calc(50% - 8px);
|
|
2644
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
2642
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
2645
2643
|
outline: 2px solid transparent;
|
|
2646
2644
|
}
|
|
2647
2645
|
|
|
@@ -2651,7 +2649,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2651
2649
|
content: "";
|
|
2652
2650
|
width: 3px;
|
|
2653
2651
|
height: 3px;
|
|
2654
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
2652
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
2655
2653
|
cursor: inherit;
|
|
2656
2654
|
position: absolute;
|
|
2657
2655
|
top: calc(50% - 1px);
|
|
@@ -2731,7 +2729,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2731
2729
|
|
|
2732
2730
|
/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy.
|
|
2733
2731
|
See https://bugs.webkit.org/show_bug.cgi?id=187903. */
|
|
2734
|
-
@media not all and (
|
|
2732
|
+
@media not all and (min-resolution: 0.001dpcm) {
|
|
2735
2733
|
@supports (-webkit-appearance: none) {
|
|
2736
2734
|
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
|
|
2737
2735
|
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,
|
|
@@ -2873,7 +2871,7 @@ body.lockscroll {
|
|
|
2873
2871
|
}
|
|
2874
2872
|
.components-search-control input[type=search].components-search-control__input:focus {
|
|
2875
2873
|
background: #fff;
|
|
2876
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
2874
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
2877
2875
|
}
|
|
2878
2876
|
.components-search-control input[type=search].components-search-control__input::placeholder {
|
|
2879
2877
|
color: #757575;
|
|
@@ -2885,10 +2883,12 @@ body.lockscroll {
|
|
|
2885
2883
|
.components-search-control__icon {
|
|
2886
2884
|
position: absolute;
|
|
2887
2885
|
top: 0;
|
|
2886
|
+
width: 24px;
|
|
2888
2887
|
right: 12px;
|
|
2889
2888
|
bottom: 0;
|
|
2890
2889
|
display: flex;
|
|
2891
2890
|
align-items: center;
|
|
2891
|
+
justify-content: center;
|
|
2892
2892
|
}
|
|
2893
2893
|
.components-search-control__icon > svg {
|
|
2894
2894
|
margin: 8px 0;
|
|
@@ -2929,7 +2929,7 @@ body.lockscroll {
|
|
|
2929
2929
|
}
|
|
2930
2930
|
}
|
|
2931
2931
|
.components-snackbar:focus {
|
|
2932
|
-
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
2932
|
+
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
2933
2933
|
}
|
|
2934
2934
|
.components-snackbar.components-snackbar-explicit-dismiss {
|
|
2935
2935
|
cursor: default;
|
|
@@ -3022,7 +3022,7 @@ body.lockscroll {
|
|
|
3022
3022
|
bottom: 0;
|
|
3023
3023
|
left: 0;
|
|
3024
3024
|
pointer-events: none;
|
|
3025
|
-
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
3025
|
+
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
3026
3026
|
height: calc(0 * var(--wp-admin-border-width-focus));
|
|
3027
3027
|
border-radius: 0;
|
|
3028
3028
|
transition: all 0.1s linear;
|
|
@@ -3057,7 +3057,7 @@ body.lockscroll {
|
|
|
3057
3057
|
}
|
|
3058
3058
|
}
|
|
3059
3059
|
.components-tab-panel__tabs-item:focus-visible::before {
|
|
3060
|
-
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #
|
|
3060
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
3061
3061
|
outline: 2px solid transparent;
|
|
3062
3062
|
}
|
|
3063
3063
|
|
|
@@ -3402,11 +3402,11 @@ div.components-toolbar > div + div.has-left-divider::before {
|
|
|
3402
3402
|
}
|
|
3403
3403
|
|
|
3404
3404
|
.components-tooltip .components-popover__content {
|
|
3405
|
-
background:
|
|
3405
|
+
background: #000;
|
|
3406
3406
|
border-radius: 2px;
|
|
3407
3407
|
border-width: 0;
|
|
3408
3408
|
outline: none;
|
|
3409
|
-
color:
|
|
3409
|
+
color: #f0f0f0;
|
|
3410
3410
|
white-space: nowrap;
|
|
3411
3411
|
text-align: center;
|
|
3412
3412
|
line-height: 1.4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEjE,wBAAgB,kBAAkB,CAAE,aAAa,EAAE,WAAW,8HAgB1D,oBAAoB,wBA8FvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAIjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;uBAuHS,aAAa;;EA6M5C;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* WordPress dependencies
|
|
4
4
|
*/
|
|
5
5
|
import type { WPElement } from '@wordpress/element';
|
|
6
|
+
import type { RichTextValue } from '@wordpress/rich-text';
|
|
6
7
|
/**
|
|
7
8
|
* Internal dependencies
|
|
8
9
|
*/
|
|
@@ -140,23 +141,6 @@ export type AutocompleterUIProps = {
|
|
|
140
141
|
export type CancelablePromise<T = void> = Promise<T> & {
|
|
141
142
|
canceled?: boolean;
|
|
142
143
|
};
|
|
143
|
-
/**
|
|
144
|
-
* When `@wordpress/rich-text` is fully typed, the following
|
|
145
|
-
* types should be moved to and imported from there
|
|
146
|
-
*
|
|
147
|
-
* @see /packages/rich-text/src/create.js
|
|
148
|
-
*/
|
|
149
|
-
type RichTextFormat = {
|
|
150
|
-
type: string;
|
|
151
|
-
};
|
|
152
|
-
type RichTextFormatList = Array<RichTextFormat>;
|
|
153
|
-
type RichTextValue = {
|
|
154
|
-
text: string;
|
|
155
|
-
formats?: Array<RichTextFormatList>;
|
|
156
|
-
replacements?: Array<RichTextFormat>;
|
|
157
|
-
start: number | undefined;
|
|
158
|
-
end: number | undefined;
|
|
159
|
-
};
|
|
160
144
|
export type UseAutocompleteProps = {
|
|
161
145
|
/**
|
|
162
146
|
* The rich text value object the autocompleter is being applied to.
|
|
@@ -169,7 +153,7 @@ export type UseAutocompleteProps = {
|
|
|
169
153
|
* A function to be called when an option is selected to insert into the
|
|
170
154
|
* existing text.
|
|
171
155
|
*/
|
|
172
|
-
onChange: (value:
|
|
156
|
+
onChange: (value: RichTextValue) => void;
|
|
173
157
|
/**
|
|
174
158
|
* A function to be called when an option is selected to replace the
|
|
175
159
|
* existing text.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/autocomplete/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/autocomplete/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DeprecatedIconButtonProps } from './types';
|
|
3
3
|
declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
4
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
4
5
|
children?: import("react").ReactNode;
|
|
5
6
|
describedBy?: string | undefined;
|
|
6
7
|
focus?: boolean | undefined;
|
|
@@ -24,6 +25,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
|
24
25
|
} & {
|
|
25
26
|
disabled?: boolean | undefined;
|
|
26
27
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "disabled" | "as" | keyof {
|
|
28
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
27
29
|
children?: import("react").ReactNode;
|
|
28
30
|
describedBy?: string | undefined;
|
|
29
31
|
focus?: boolean | undefined;
|
|
@@ -45,6 +47,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
|
45
47
|
variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
|
|
46
48
|
__experimentalIsFocusable?: boolean | undefined;
|
|
47
49
|
}> & import("react").RefAttributes<any>, "defaultValue" | "onChange" | "value" | "name" | "color" | "translate" | "hidden" | "style" | "disabled" | "key" | "form" | "slot" | "title" | "type" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof {
|
|
50
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
48
51
|
children?: import("react").ReactNode;
|
|
49
52
|
describedBy?: string | undefined;
|
|
50
53
|
focus?: boolean | undefined;
|
|
@@ -66,6 +69,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
|
66
69
|
variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
|
|
67
70
|
__experimentalIsFocusable?: boolean | undefined;
|
|
68
71
|
}> | Pick<{
|
|
72
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
69
73
|
children?: import("react").ReactNode;
|
|
70
74
|
describedBy?: string | undefined;
|
|
71
75
|
focus?: boolean | undefined;
|
|
@@ -91,6 +95,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
|
91
95
|
href: string;
|
|
92
96
|
target?: string | undefined;
|
|
93
97
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>>, "as" | keyof {
|
|
98
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
94
99
|
children?: import("react").ReactNode;
|
|
95
100
|
describedBy?: string | undefined;
|
|
96
101
|
focus?: boolean | undefined;
|
|
@@ -116,6 +121,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
|
|
|
116
121
|
href: string;
|
|
117
122
|
target?: string | undefined;
|
|
118
123
|
}> & import("react").RefAttributes<any>, "defaultValue" | "onChange" | "color" | "translate" | "hidden" | "style" | "key" | "slot" | "title" | "type" | "download" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "media" | keyof {
|
|
124
|
+
__next40pxDefaultSize?: boolean | undefined;
|
|
119
125
|
children?: import("react").ReactNode;
|
|
120
126
|
describedBy?: string | undefined;
|
|
121
127
|
focus?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../../src/button/deprecated.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../../src/button/deprecated.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BzD,wBAAmD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEX,YAAY,EAIZ,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA+ClE,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEX,YAAY,EAIZ,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA+ClE,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAkLxB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,6FAAkC,CAAC;AACtD,eAAe,MAAM,CAAC"}
|
|
@@ -12,6 +12,13 @@ export type ButtonProps = WordPressComponentProps<ButtonAsButtonProps, 'button',
|
|
|
12
12
|
export type ButtonAsButtonProps = BaseButtonProps & _ButtonProps;
|
|
13
13
|
export type ButtonAsAnchorProps = BaseButtonProps & AnchorProps;
|
|
14
14
|
type BaseButtonProps = {
|
|
15
|
+
/**
|
|
16
|
+
* Start opting into the larger default height that will become the
|
|
17
|
+
* default size in a future version.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
__next40pxDefaultSize?: boolean;
|
|
15
22
|
/**
|
|
16
23
|
* The button's children.
|
|
17
24
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,MAAM,MAAM,WAAW,GACpB,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,GAC/D,uBAAuB,CAAE,mBAAmB,EAAE,GAAG,EAAE,KAAK,CAAE,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,YAAY,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEhE,KAAK,eAAe,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IAC7C;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACxD;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,KAAK,YAAY,GAAG;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,WAAW,GAAG;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC,aAAa,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;IAChC,KAAK,EAAE,WAAW,CAAE,OAAO,CAAE,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAE,OAAO,CAAE,CAAC;CAChC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { MediaProps } from '../types';
|
|
3
3
|
/**
|
|
4
|
-
* `CardMedia` provides a container for
|
|
4
|
+
* `CardMedia` provides a container for full-bleed content within a `Card`,
|
|
5
|
+
* such as images, video, or even just a background color.
|
|
5
6
|
*
|
|
6
7
|
* @example
|
|
7
8
|
* ```jsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/component.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAW3C
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/component.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAW3C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,6GAAsD,CAAC;AAE7E,eAAe,SAAS,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
/**
|
|
2
3
|
* External dependencies
|
|
3
4
|
*/
|
|
@@ -8,5 +9,24 @@ import type { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
|
8
9
|
import { Card } from '..';
|
|
9
10
|
declare const meta: ComponentMeta<typeof Card>;
|
|
10
11
|
export default meta;
|
|
11
|
-
export declare const Default: ComponentStory<
|
|
12
|
+
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../../surface/types").SurfaceProps & {
|
|
13
|
+
size?: import("../types").SizeOptions | "extraSmall" | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
elevation?: number | undefined;
|
|
16
|
+
isBorderless?: boolean | undefined;
|
|
17
|
+
isRounded?: boolean | undefined;
|
|
18
|
+
isElevated?: boolean | undefined;
|
|
19
|
+
} & import("react").RefAttributes<any>, true>>;
|
|
20
|
+
/**
|
|
21
|
+
* `CardMedia` provides a container for full-bleed content within a `Card`,
|
|
22
|
+
* such as images, video, or even just a background color. The corners will be rounded if necessary.
|
|
23
|
+
*/
|
|
24
|
+
export declare const FullBleedContent: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../../surface/types").SurfaceProps & {
|
|
25
|
+
size?: import("../types").SizeOptions | "extraSmall" | undefined;
|
|
26
|
+
} & {
|
|
27
|
+
elevation?: number | undefined;
|
|
28
|
+
isBorderless?: boolean | undefined;
|
|
29
|
+
isRounded?: boolean | undefined;
|
|
30
|
+
isElevated?: boolean | undefined;
|
|
31
|
+
} & import("react").RefAttributes<any>, true>>;
|
|
12
32
|
//# sourceMappingURL=index.d.ts.map
|