@wordpress/components 21.3.0 → 22.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 +65 -1
- package/build/angle-picker-control/index.js +1 -1
- package/build/angle-picker-control/index.js.map +1 -1
- package/build/autocomplete/autocompleter-ui.js +28 -2
- package/build/autocomplete/autocompleter-ui.js.map +1 -1
- package/build/border-box-control/border-box-control/component.js +63 -15
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control/hook.js +7 -3
- package/build/border-box-control/border-box-control/hook.js.map +1 -1
- package/build/border-box-control/border-box-control-linked-button/hook.js +3 -3
- package/build/border-box-control/border-box-control-linked-button/hook.js.map +1 -1
- package/build/border-box-control/border-box-control-split-controls/component.js +3 -3
- package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
- package/build/border-box-control/border-box-control-split-controls/hook.js +8 -11
- package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
- package/build/border-box-control/border-box-control-visualizer/hook.js +3 -7
- package/build/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
- package/build/border-box-control/styles.js +34 -34
- package/build/border-box-control/styles.js.map +1 -1
- package/build/border-control/border-control/component.js +5 -4
- package/build/border-control/border-control/component.js.map +1 -1
- package/build/border-control/border-control/hook.js +12 -5
- package/build/border-control/border-control/hook.js.map +1 -1
- package/build/border-control/border-control-dropdown/hook.js +5 -5
- package/build/border-control/border-control-dropdown/hook.js.map +1 -1
- package/build/border-control/styles.js +19 -34
- package/build/border-control/styles.js.map +1 -1
- package/build/box-control/index.js +6 -2
- package/build/box-control/index.js.map +1 -1
- package/build/circular-option-picker/index.js +14 -14
- package/build/circular-option-picker/index.js.map +1 -1
- package/build/color-palette/index.js +83 -30
- package/build/color-palette/index.js.map +1 -1
- package/build/color-palette/styles.js +3 -3
- package/build/color-palette/styles.js.map +1 -1
- package/build/color-palette/types.js +6 -0
- package/build/color-palette/types.js.map +1 -0
- package/build/color-picker/input-with-slider.js +1 -1
- package/build/color-picker/input-with-slider.js.map +1 -1
- package/build/custom-gradient-picker/gradient-bar/index.js +1 -3
- package/build/custom-gradient-picker/gradient-bar/index.js.map +1 -1
- package/build/custom-select-control/index.js +8 -4
- package/build/custom-select-control/index.js.map +1 -1
- package/build/date-time/date-time/index.js +2 -0
- package/build/date-time/date-time/index.js.map +1 -1
- package/build/date-time/time/index.js +4 -4
- package/build/date-time/time/index.js.map +1 -1
- package/build/disabled/index.js +8 -1
- package/build/disabled/index.js.map +1 -1
- package/build/external-link/index.js +13 -2
- package/build/external-link/index.js.map +1 -1
- package/build/focusable-iframe/index.js +0 -1
- package/build/focusable-iframe/index.js.map +1 -1
- package/build/font-size-picker/index.js +61 -48
- package/build/font-size-picker/index.js.map +1 -1
- package/build/font-size-picker/utils.js +0 -21
- package/build/font-size-picker/utils.js.map +1 -1
- package/build/form-file-upload/index.js.map +1 -1
- package/build/higher-order/with-filters/index.js +1 -7
- package/build/higher-order/with-filters/index.js.map +1 -1
- package/build/index.js +7 -1
- package/build/index.js.map +1 -1
- package/build/input-control/index.js +2 -0
- package/build/input-control/index.js.map +1 -1
- package/build/input-control/input-base.js +1 -1
- package/build/input-control/input-base.js.map +1 -1
- package/build/input-control/styles/input-control-styles.js +21 -21
- package/build/input-control/styles/input-control-styles.js.map +1 -1
- package/build/isolated-event-container/index.js +5 -9
- package/build/isolated-event-container/index.js.map +1 -1
- package/build/item-group/styles.js +10 -10
- package/build/item-group/styles.js.map +1 -1
- package/build/navigator/navigator-screen/component.js +20 -14
- package/build/navigator/navigator-screen/component.js.map +1 -1
- package/build/number-control/index.js +82 -22
- package/build/number-control/index.js.map +1 -1
- package/build/number-control/styles/number-control-styles.js +36 -6
- package/build/number-control/styles/number-control-styles.js.map +1 -1
- package/build/popover/index.js +15 -29
- package/build/popover/index.js.map +1 -1
- package/build/radio-group/index.js +7 -1
- package/build/radio-group/index.js.map +1 -1
- package/build/{radio → radio-group/radio}/index.js +7 -1
- package/build/radio-group/radio/index.js.map +1 -0
- package/build/{radio-context → radio-group/radio-context}/index.js +0 -0
- package/build/radio-group/radio-context/index.js.map +1 -0
- package/build/slot-fill/bubbles-virtually/fill.js +9 -5
- package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/slot.js +13 -8
- package/build/slot-fill/bubbles-virtually/slot.js.map +1 -1
- package/build/slot-fill/bubbles-virtually/use-slot.js +15 -9
- package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
- package/build/slot-fill/fill.js +12 -4
- package/build/slot-fill/fill.js.map +1 -1
- package/build/slot-fill/use-slot.js +3 -1
- package/build/slot-fill/use-slot.js.map +1 -1
- package/build/snackbar/index.js +1 -1
- package/build/snackbar/index.js.map +1 -1
- package/build/tab-panel/index.js +2 -6
- package/build/tab-panel/index.js.map +1 -1
- package/build/text-control/index.js +0 -2
- package/build/text-control/index.js.map +1 -1
- package/build/toggle-control/index.js +15 -3
- package/build/toggle-control/index.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control/as-button-group.js +90 -0
- package/build/toggle-group-control/toggle-group-control/as-button-group.js.map +1 -0
- package/build/toggle-group-control/toggle-group-control/as-radio-group.js +90 -0
- package/build/toggle-group-control/toggle-group-control/as-radio-group.js.map +1 -0
- package/build/toggle-group-control/toggle-group-control/component.js +21 -50
- package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control/styles.js +8 -8
- package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control-option-base/component.js +39 -17
- package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control-option-base/styles.js +23 -23
- package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
- package/build/toolbar-dropdown-menu/index.js +1 -1
- package/build/toolbar-dropdown-menu/index.js.map +1 -1
- package/build/ui/context/context-system-provider.js +9 -22
- package/build/ui/context/context-system-provider.js.map +1 -1
- package/build/unit-control/index.js +7 -9
- package/build/unit-control/index.js.map +1 -1
- package/build/unit-control/styles/unit-control-styles.js +15 -25
- package/build/unit-control/styles/unit-control-styles.js.map +1 -1
- package/build/utils/config-values.js +0 -1
- package/build/utils/config-values.js.map +1 -1
- package/build/utils/hooks/use-update-effect.js +5 -1
- package/build/utils/hooks/use-update-effect.js.map +1 -1
- package/build-module/angle-picker-control/index.js +1 -1
- package/build-module/angle-picker-control/index.js.map +1 -1
- package/build-module/autocomplete/autocompleter-ui.js +29 -3
- package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
- package/build-module/border-box-control/border-box-control/component.js +61 -13
- package/build-module/border-box-control/border-box-control/component.js.map +1 -1
- package/build-module/border-box-control/border-box-control/hook.js +7 -3
- package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
- package/build-module/border-box-control/border-box-control-linked-button/hook.js +3 -3
- package/build-module/border-box-control/border-box-control-linked-button/hook.js.map +1 -1
- package/build-module/border-box-control/border-box-control-split-controls/component.js +3 -3
- package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -1
- package/build-module/border-box-control/border-box-control-split-controls/hook.js +9 -10
- package/build-module/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
- package/build-module/border-box-control/border-box-control-visualizer/hook.js +4 -6
- package/build-module/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
- package/build-module/border-box-control/styles.js +26 -28
- package/build-module/border-box-control/styles.js.map +1 -1
- package/build-module/border-control/border-control/component.js +5 -4
- package/build-module/border-control/border-control/component.js.map +1 -1
- package/build-module/border-control/border-control/hook.js +12 -5
- package/build-module/border-control/border-control/hook.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/hook.js +5 -5
- package/build-module/border-control/border-control-dropdown/hook.js.map +1 -1
- package/build-module/border-control/styles.js +20 -36
- package/build-module/border-control/styles.js.map +1 -1
- package/build-module/box-control/index.js +6 -2
- package/build-module/box-control/index.js.map +1 -1
- package/build-module/circular-option-picker/index.js +14 -14
- package/build-module/circular-option-picker/index.js.map +1 -1
- package/build-module/color-palette/index.js +81 -28
- package/build-module/color-palette/index.js.map +1 -1
- package/build-module/color-palette/styles.js +3 -3
- package/build-module/color-palette/styles.js.map +1 -1
- package/build-module/color-palette/types.js +2 -0
- package/build-module/color-palette/types.js.map +1 -0
- package/build-module/color-picker/input-with-slider.js +1 -1
- package/build-module/color-picker/input-with-slider.js.map +1 -1
- package/build-module/custom-gradient-picker/gradient-bar/index.js +1 -2
- package/build-module/custom-gradient-picker/gradient-bar/index.js.map +1 -1
- package/build-module/custom-select-control/index.js +8 -4
- package/build-module/custom-select-control/index.js.map +1 -1
- package/build-module/date-time/date-time/index.js +2 -0
- package/build-module/date-time/date-time/index.js.map +1 -1
- package/build-module/date-time/time/index.js +4 -4
- package/build-module/date-time/time/index.js.map +1 -1
- package/build-module/disabled/index.js +8 -1
- package/build-module/disabled/index.js.map +1 -1
- package/build-module/external-link/index.js +13 -2
- package/build-module/external-link/index.js.map +1 -1
- package/build-module/focusable-iframe/index.js +0 -1
- package/build-module/focusable-iframe/index.js.map +1 -1
- package/build-module/font-size-picker/index.js +65 -50
- package/build-module/font-size-picker/index.js.map +1 -1
- package/build-module/font-size-picker/utils.js +0 -19
- package/build-module/font-size-picker/utils.js.map +1 -1
- package/build-module/form-file-upload/index.js.map +1 -1
- package/build-module/higher-order/with-filters/index.js +1 -6
- package/build-module/higher-order/with-filters/index.js.map +1 -1
- package/build-module/index.js +2 -2
- package/build-module/index.js.map +1 -1
- package/build-module/input-control/index.js +2 -0
- package/build-module/input-control/index.js.map +1 -1
- package/build-module/input-control/input-base.js +1 -1
- package/build-module/input-control/input-base.js.map +1 -1
- package/build-module/input-control/styles/input-control-styles.js +21 -21
- package/build-module/input-control/styles/input-control-styles.js.map +1 -1
- package/build-module/isolated-event-container/index.js +7 -9
- package/build-module/isolated-event-container/index.js.map +1 -1
- package/build-module/item-group/styles.js +10 -10
- package/build-module/item-group/styles.js.map +1 -1
- package/build-module/navigator/navigator-screen/component.js +20 -4
- package/build-module/navigator/navigator-screen/component.js.map +1 -1
- package/build-module/number-control/index.js +81 -26
- package/build-module/number-control/index.js.map +1 -1
- package/build-module/number-control/styles/number-control-styles.js +30 -4
- package/build-module/number-control/styles/number-control-styles.js.map +1 -1
- package/build-module/popover/index.js +15 -29
- package/build-module/popover/index.js.map +1 -1
- package/build-module/radio-group/index.js +6 -1
- package/build-module/radio-group/index.js.map +1 -1
- package/build-module/{radio → radio-group/radio}/index.js +6 -1
- package/build-module/radio-group/radio/index.js.map +1 -0
- package/build-module/{radio-context → radio-group/radio-context}/index.js +0 -0
- package/build-module/radio-group/radio-context/index.js.map +1 -0
- package/build-module/slot-fill/bubbles-virtually/fill.js +9 -5
- package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/slot.js +13 -8
- package/build-module/slot-fill/bubbles-virtually/slot.js.map +1 -1
- package/build-module/slot-fill/bubbles-virtually/use-slot.js +15 -9
- package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
- package/build-module/slot-fill/fill.js +12 -4
- package/build-module/slot-fill/fill.js.map +1 -1
- package/build-module/slot-fill/use-slot.js +3 -1
- package/build-module/slot-fill/use-slot.js.map +1 -1
- package/build-module/snackbar/index.js +1 -1
- package/build-module/snackbar/index.js.map +1 -1
- package/build-module/tab-panel/index.js +2 -6
- package/build-module/tab-panel/index.js.map +1 -1
- package/build-module/text-control/index.js +0 -2
- package/build-module/text-control/index.js.map +1 -1
- package/build-module/toggle-control/index.js +15 -3
- package/build-module/toggle-control/index.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control/as-button-group.js +76 -0
- package/build-module/toggle-group-control/toggle-group-control/as-button-group.js.map +1 -0
- package/build-module/toggle-group-control/toggle-group-control/as-radio-group.js +75 -0
- package/build-module/toggle-group-control/toggle-group-control/as-radio-group.js.map +1 -0
- package/build-module/toggle-group-control/toggle-group-control/component.js +19 -49
- package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control/styles.js +7 -6
- package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +39 -17
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js +21 -18
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
- package/build-module/toolbar-dropdown-menu/index.js +1 -1
- package/build-module/toolbar-dropdown-menu/index.js.map +1 -1
- package/build-module/ui/context/context-system-provider.js +6 -20
- package/build-module/ui/context/context-system-provider.js.map +1 -1
- package/build-module/unit-control/index.js +8 -10
- package/build-module/unit-control/index.js.map +1 -1
- package/build-module/unit-control/styles/unit-control-styles.js +8 -24
- package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
- package/build-module/utils/config-values.js +0 -1
- package/build-module/utils/config-values.js.map +1 -1
- package/build-module/utils/hooks/use-update-effect.js +5 -1
- package/build-module/utils/hooks/use-update-effect.js.map +1 -1
- package/build-style/style-rtl.css +21 -41
- package/build-style/style.css +19 -39
- package/build-types/base-field/hook.d.ts +11 -11
- package/build-types/border-box-control/border-box-control/component.d.ts +53 -4
- package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts +13 -12
- package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +12 -12
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/component.d.ts +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +12 -12
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +12 -12
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
- package/build-types/border-box-control/stories/index.d.ts +17 -0
- package/build-types/border-box-control/stories/index.d.ts.map +1 -0
- package/build-types/border-box-control/styles.d.ts +7 -6
- package/build-types/border-box-control/styles.d.ts.map +1 -1
- package/build-types/border-box-control/types.d.ts +12 -16
- package/build-types/border-box-control/types.d.ts.map +1 -1
- package/build-types/border-control/border-control/component.d.ts +1 -1
- package/build-types/border-control/border-control/component.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +13 -13
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +11 -11
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-style-picker/hook.d.ts +11 -11
- package/build-types/border-control/stories/index.d.ts +6 -6
- package/build-types/border-control/stories/index.d.ts.map +1 -1
- package/build-types/border-control/styles.d.ts +3 -3
- package/build-types/border-control/styles.d.ts.map +1 -1
- package/build-types/border-control/types.d.ts +7 -9
- package/build-types/border-control/types.d.ts.map +1 -1
- package/build-types/card/card/hook.d.ts +12 -12
- package/build-types/card/card-body/hook.d.ts +12 -12
- package/build-types/card/card-divider/hook.d.ts +13 -13
- package/build-types/card/card-footer/hook.d.ts +12 -12
- package/build-types/card/card-header/hook.d.ts +12 -12
- package/build-types/card/card-media/hook.d.ts +12 -12
- package/build-types/card/stories/index.d.ts.map +1 -1
- package/build-types/circular-option-picker/index.d.ts +4 -24
- package/build-types/circular-option-picker/index.d.ts.map +1 -1
- package/build-types/color-palette/index.d.ts +33 -18
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-palette/stories/index.d.ts +21 -0
- package/build-types/color-palette/stories/index.d.ts.map +1 -0
- package/build-types/color-palette/styles.d.ts +3 -2
- package/build-types/color-palette/styles.d.ts.map +1 -1
- package/build-types/color-palette/test/index.d.ts +2 -0
- package/build-types/color-palette/test/index.d.ts.map +1 -0
- package/build-types/color-palette/types.d.ts +86 -0
- package/build-types/color-palette/types.d.ts.map +1 -0
- package/build-types/color-picker/styles.d.ts +5 -4
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/confirm-dialog/component.d.ts +4 -4
- package/build-types/custom-select-control/index.d.ts +1 -12
- package/build-types/custom-select-control/index.d.ts.map +1 -1
- package/build-types/custom-select-control/styles.d.ts +3 -1
- package/build-types/custom-select-control/styles.d.ts.map +1 -1
- package/build-types/date-time/date/styles.d.ts +3 -3
- package/build-types/date-time/date-time/index.d.ts +2 -0
- package/build-types/date-time/date-time/index.d.ts.map +1 -1
- package/build-types/date-time/date-time/styles.d.ts +3 -3
- package/build-types/date-time/stories/date-time.d.ts.map +1 -1
- package/build-types/date-time/time/styles.d.ts +8 -4
- package/build-types/date-time/time/styles.d.ts.map +1 -1
- package/build-types/disabled/index.d.ts +8 -1
- package/build-types/disabled/index.d.ts.map +1 -1
- package/build-types/elevation/hook.d.ts +12 -12
- package/build-types/external-link/index.d.ts.map +1 -1
- package/build-types/external-link/styles/external-link-styles.d.ts +1 -1
- package/build-types/external-link/test/index.d.ts +2 -0
- package/build-types/external-link/test/index.d.ts.map +1 -0
- package/build-types/flex/flex/hook.d.ts +12 -12
- package/build-types/flex/flex-block/hook.d.ts +12 -12
- package/build-types/flex/flex-item/hook.d.ts +12 -12
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +2 -2
- package/build-types/focal-point-picker/styles/focal-point-style.d.ts +3 -3
- package/build-types/focusable-iframe/index.d.ts.map +1 -1
- package/build-types/font-size-picker/index.d.ts.map +1 -1
- package/build-types/font-size-picker/types.d.ts +1 -1
- package/build-types/font-size-picker/utils.d.ts +0 -8
- package/build-types/font-size-picker/utils.d.ts.map +1 -1
- package/build-types/form-file-upload/index.d.ts.map +1 -1
- package/build-types/form-file-upload/types.d.ts +5 -4
- package/build-types/form-file-upload/types.d.ts.map +1 -1
- package/build-types/grid/hook.d.ts +12 -12
- package/build-types/h-stack/component.d.ts +1 -1
- package/build-types/h-stack/hook.d.ts +12 -12
- package/build-types/heading/hook.d.ts +12 -12
- package/build-types/input-control/index.d.ts +1 -1
- package/build-types/input-control/index.d.ts.map +1 -1
- package/build-types/input-control/input-base.d.ts +5 -2
- package/build-types/input-control/input-base.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
- package/build-types/input-control/types.d.ts +3 -8
- package/build-types/input-control/types.d.ts.map +1 -1
- package/build-types/input-control/utils.d.ts +1 -1
- package/build-types/isolated-event-container/index.d.ts +3 -2
- package/build-types/isolated-event-container/index.d.ts.map +1 -1
- package/build-types/item-group/item/hook.d.ts +13 -13
- package/build-types/item-group/item-group/hook.d.ts +13 -13
- package/build-types/navigator/navigator-back-button/hook.d.ts +13 -13
- package/build-types/navigator/navigator-button/hook.d.ts +13 -13
- package/build-types/navigator/navigator-screen/component.d.ts.map +1 -1
- package/build-types/number-control/index.d.ts +2 -4
- package/build-types/number-control/index.d.ts.map +1 -1
- package/build-types/number-control/styles/number-control-styles.d.ts +5 -0
- package/build-types/number-control/styles/number-control-styles.d.ts.map +1 -1
- package/build-types/number-control/types.d.ts +12 -0
- package/build-types/number-control/types.d.ts.map +1 -1
- package/build-types/popover/index.d.ts +1 -1
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/popover/stories/e2e/index.d.ts +1 -1
- package/build-types/popover/stories/index.d.ts +2 -0
- package/build-types/popover/stories/index.d.ts.map +1 -1
- package/build-types/popover/types.d.ts +18 -14
- package/build-types/popover/types.d.ts.map +1 -1
- package/build-types/radio-group/index.d.ts +10 -0
- package/build-types/radio-group/index.d.ts.map +1 -0
- package/build-types/radio-group/radio/index.d.ts +7 -0
- package/build-types/radio-group/radio/index.d.ts.map +1 -0
- package/build-types/{radio-context → radio-group/radio-context}/index.d.ts +0 -0
- package/build-types/radio-group/radio-context/index.d.ts.map +1 -0
- package/build-types/range-control/index.d.ts +1 -1
- package/build-types/range-control/styles/range-control-styles.d.ts +2 -1
- package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
- package/build-types/resizable-box/index.d.ts +1 -1
- package/build-types/resizable-box/resize-tooltip/index.d.ts +1 -1
- package/build-types/resizable-box/resize-tooltip/label.d.ts +1 -1
- package/build-types/scrollable/hook.d.ts +12 -12
- package/build-types/search-control/index.d.ts +2 -2
- package/build-types/search-control/stories/index.d.ts +4 -4
- package/build-types/select-control/stories/index.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.map +1 -1
- package/build-types/slot-fill/use-slot.d.ts.map +1 -1
- package/build-types/spacer/hook.d.ts +12 -12
- package/build-types/spinner/index.d.ts +1 -1
- package/build-types/surface/hook.d.ts +12 -12
- package/build-types/tab-panel/index.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +12 -12
- package/build-types/text-control/index.d.ts +2 -4
- package/build-types/text-control/index.d.ts.map +1 -1
- package/build-types/text-control/stories/index.d.ts.map +1 -1
- package/build-types/toggle-control/index.d.ts.map +1 -1
- package/build-types/toggle-control/types.d.ts +2 -1
- package/build-types/toggle-control/types.d.ts.map +1 -1
- package/build-types/toggle-group-control/stories/index.d.ts +2 -2
- package/build-types/toggle-group-control/stories/index.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts +6 -0
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts.map +1 -0
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts +6 -0
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts.map +1 -0
- package/build-types/toggle-group-control/toggle-group-control/component.d.ts +2 -2
- package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts +2 -2
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts +4 -7
- package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/toggle-group-control/types.d.ts +19 -14
- package/build-types/toggle-group-control/types.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts +12 -12
- package/build-types/tools-panel/tools-panel-header/hook.d.ts +12 -12
- package/build-types/tools-panel/tools-panel-item/hook.d.ts +12 -12
- package/build-types/truncate/hook.d.ts +12 -12
- package/build-types/ui/context/context-system-provider.d.ts.map +1 -1
- package/build-types/ui/control-group/hook.d.ts +12 -12
- package/build-types/ui/control-label/component.d.ts +1 -1
- package/build-types/ui/control-label/hook.d.ts +12 -12
- package/build-types/ui/form-group/form-group.d.ts +4 -4
- package/build-types/ui/form-group/use-form-group.d.ts +28 -28
- package/build-types/unit-control/index.d.ts +2 -2
- package/build-types/unit-control/index.d.ts.map +1 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts +2 -5
- package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
- package/build-types/unit-control/types.d.ts +3 -3
- package/build-types/unit-control/types.d.ts.map +1 -1
- package/build-types/utils/config-values.d.ts +0 -1
- package/build-types/utils/hooks/use-update-effect.d.ts.map +1 -1
- package/build-types/utils/types.d.ts +0 -14
- package/build-types/utils/types.d.ts.map +1 -1
- package/build-types/v-stack/component.d.ts +2 -2
- package/build-types/v-stack/hook.d.ts +12 -12
- package/build-types/v-stack/stories/index.d.ts +2 -2
- package/package.json +17 -17
- package/src/angle-picker-control/index.js +1 -1
- package/src/angle-picker-control/stories/index.js +3 -0
- package/src/autocomplete/autocompleter-ui.js +29 -2
- package/src/autocomplete/test/index.js +89 -0
- package/src/border-box-control/border-box-control/README.md +8 -0
- package/src/border-box-control/border-box-control/component.tsx +64 -13
- package/src/border-box-control/border-box-control/hook.ts +7 -2
- package/src/border-box-control/border-box-control-linked-button/hook.ts +3 -6
- package/src/border-box-control/border-box-control-split-controls/component.tsx +3 -6
- package/src/border-box-control/border-box-control-split-controls/hook.ts +11 -14
- package/src/border-box-control/border-box-control-visualizer/hook.ts +4 -7
- package/src/border-box-control/stories/index.tsx +90 -0
- package/src/border-box-control/styles.ts +28 -22
- package/src/border-box-control/test/index.js +287 -122
- package/src/border-box-control/types.ts +12 -16
- package/src/border-control/border-control/README.md +8 -0
- package/src/border-control/border-control/component.tsx +4 -3
- package/src/border-control/border-control/hook.ts +10 -6
- package/src/border-control/border-control-dropdown/hook.ts +5 -7
- package/src/border-control/stories/index.tsx +12 -14
- package/src/border-control/styles.ts +20 -23
- package/src/border-control/test/index.js +139 -96
- package/src/border-control/types.ts +7 -9
- package/src/box-control/README.md +14 -0
- package/src/box-control/index.js +4 -0
- package/src/box-control/stories/index.js +8 -27
- package/src/button/README.md +2 -15
- package/src/button/stories/index.js +109 -178
- package/src/button/style.scss +17 -54
- package/src/card/stories/index.tsx +27 -31
- package/src/card/test/__snapshots__/index.tsx.snap +36 -35
- package/src/card/test/index.tsx +2 -6
- package/src/circular-option-picker/index.js +14 -20
- package/src/color-palette/README.md +51 -49
- package/src/color-palette/{index.js → index.tsx} +132 -51
- package/src/color-palette/stories/{index.js → index.tsx} +38 -27
- package/src/color-palette/style.scss +2 -2
- package/src/color-palette/{styles.js → styles.ts} +0 -0
- package/src/color-palette/test/__snapshots__/{index.js.snap → index.tsx.snap} +0 -0
- package/src/color-palette/test/{index.js → index.tsx} +1 -1
- package/src/color-palette/types.ts +93 -0
- package/src/color-picker/input-with-slider.tsx +1 -1
- package/src/custom-gradient-picker/gradient-bar/index.js +1 -3
- package/src/custom-select-control/README.md +14 -0
- package/src/custom-select-control/index.js +22 -15
- package/src/date-time/date-time/index.tsx +2 -0
- package/src/date-time/stories/date-time.tsx +4 -0
- package/src/date-time/time/index.tsx +4 -4
- package/src/dimension-control/test/__snapshots__/index.test.js.snap +4 -0
- package/src/disabled/README.md +2 -0
- package/src/disabled/index.tsx +8 -1
- package/src/disabled/test/index.tsx +0 -5
- package/src/external-link/index.tsx +14 -6
- package/src/external-link/test/index.tsx +106 -0
- package/src/focusable-iframe/index.js +0 -1
- package/src/font-size-picker/README.md +3 -3
- package/src/font-size-picker/index.tsx +152 -142
- package/src/font-size-picker/test/index.tsx +447 -174
- package/src/font-size-picker/test/utils.ts +1 -45
- package/src/font-size-picker/types.ts +1 -1
- package/src/font-size-picker/utils.ts +0 -22
- package/src/form-file-upload/README.md +1 -3
- package/src/form-file-upload/index.tsx +1 -0
- package/src/form-file-upload/types.ts +5 -4
- package/src/form-toggle/test/__snapshots__/index.tsx.snap +15 -13
- package/src/form-toggle/test/index.tsx +1 -1
- package/src/h-stack/test/__snapshots__/index.tsx.snap +36 -30
- package/src/h-stack/test/index.tsx +3 -3
- package/src/higher-order/with-filters/index.js +4 -9
- package/src/index.js +2 -1
- package/src/input-control/index.tsx +2 -0
- package/src/input-control/input-base.tsx +3 -3
- package/src/input-control/styles/input-control-styles.tsx +1 -0
- package/src/input-control/types.ts +4 -11
- package/src/isolated-event-container/index.tsx +32 -0
- package/src/item-group/styles.ts +1 -1
- package/src/item-group/test/__snapshots__/index.js.snap +90 -85
- package/src/item-group/test/index.js +7 -17
- package/src/navigator/navigator-screen/component.tsx +20 -3
- package/src/number-control/README.md +9 -4
- package/src/number-control/index.tsx +100 -33
- package/src/number-control/styles/number-control-styles.js +26 -1
- package/src/number-control/test/index.js +50 -0
- package/src/number-control/types.ts +12 -0
- package/src/popover/README.md +12 -7
- package/src/popover/index.tsx +20 -30
- package/src/popover/stories/index.tsx +29 -1
- package/src/popover/style.scss +9 -0
- package/src/popover/types.ts +18 -15
- package/src/radio-group/README.md +4 -0
- package/src/radio-group/index.js +6 -1
- package/src/{radio → radio-group/radio}/index.js +6 -1
- package/src/{radio-context → radio-group/radio-context}/index.js +0 -0
- package/src/radio-group/stories/index.js +11 -2
- package/src/sandbox/test/index.js +2 -2
- package/src/select-control/stories/index.tsx +9 -4
- package/src/slot-fill/bubbles-virtually/fill.js +5 -5
- package/src/slot-fill/bubbles-virtually/slot.js +10 -8
- package/src/slot-fill/bubbles-virtually/use-slot.js +15 -9
- package/src/slot-fill/fill.js +12 -2
- package/src/slot-fill/use-slot.js +3 -0
- package/src/snackbar/index.js +1 -1
- package/src/surface/test/__snapshots__/index.tsx.snap +58 -46
- package/src/surface/test/index.tsx +6 -16
- package/src/tab-panel/index.tsx +2 -3
- package/src/tab-panel/test/index.tsx +78 -1
- package/src/text/test/__snapshots__/index.tsx.snap +19 -15
- package/src/text/test/index.tsx +2 -2
- package/src/text-control/index.tsx +0 -2
- package/src/text-control/stories/index.tsx +5 -6
- package/src/toggle-control/README.md +6 -4
- package/src/toggle-control/index.tsx +13 -2
- package/src/toggle-control/types.ts +2 -4
- package/src/toggle-group-control/stories/index.tsx +4 -4
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +219 -160
- package/src/toggle-group-control/test/index.tsx +129 -2
- package/src/toggle-group-control/toggle-group-control/as-button-group.tsx +103 -0
- package/src/toggle-group-control/toggle-group-control/as-radio-group.tsx +99 -0
- package/src/toggle-group-control/toggle-group-control/component.tsx +29 -74
- package/src/toggle-group-control/toggle-group-control/styles.ts +12 -10
- package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +49 -25
- package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +39 -19
- package/src/toggle-group-control/types.ts +75 -63
- package/src/toolbar-dropdown-menu/index.js +1 -1
- package/src/tools-panel/stories/index.js +0 -1
- package/src/tools-panel/stories/tools-panel-with-item-group-slot.js +0 -1
- package/src/tree-grid/test/__snapshots__/cell.js.snap +20 -18
- package/src/tree-grid/test/__snapshots__/roving-tab-index.js.snap +3 -1
- package/src/tree-grid/test/__snapshots__/row.js.snap +33 -29
- package/src/tree-grid/test/cell.js +1 -1
- package/src/tree-grid/test/roving-tab-index.js +1 -1
- package/src/tree-grid/test/row.js +2 -2
- package/src/ui/context/context-system-provider.js +5 -18
- package/src/ui/context/test/__snapshots__/context-system-provider.js.snap +23 -17
- package/src/ui/context/test/context-system-provider.js +3 -3
- package/src/ui/control-group/test/__snapshots__/index.js.snap +18 -16
- package/src/ui/control-group/test/index.js +1 -1
- package/src/ui/control-label/test/__snapshots__/index.js.snap +27 -21
- package/src/ui/control-label/test/index.js +3 -3
- package/src/ui/form-group/test/__snapshots__/index.js.snap +34 -30
- package/src/ui/form-group/test/index.js +2 -2
- package/src/ui/shortcut/test/__snapshots__/index.js.snap +1 -1
- package/src/ui/shortcut/test/index.js +1 -1
- package/src/ui/spinner/test/__snapshots__/index.js.snap +75 -73
- package/src/ui/spinner/test/index.js +3 -7
- package/src/unit-control/index.tsx +29 -30
- package/src/unit-control/styles/unit-control-styles.ts +6 -12
- package/src/unit-control/test/utils.ts +43 -0
- package/src/unit-control/types.ts +5 -6
- package/src/utils/config-values.js +0 -1
- package/src/utils/hooks/use-update-effect.js +5 -1
- package/src/utils/types.ts +0 -15
- package/src/v-stack/test/__snapshots__/index.tsx.snap +36 -30
- package/src/v-stack/test/index.tsx +3 -3
- package/src/view/test/__snapshots__/index.js.snap +34 -24
- package/src/view/test/index.js +5 -5
- package/tsconfig.json +0 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/build/radio/index.js.map +0 -1
- package/build/radio-context/index.js.map +0 -1
- package/build-module/radio/index.js.map +0 -1
- package/build-module/radio-context/index.js.map +0 -1
- package/build-types/radio-context/index.d.ts.map +0 -1
- package/src/border-box-control/stories/index.js +0 -106
- package/src/form-file-upload/stories/index.js +0 -51
- package/src/isolated-event-container/index.js +0 -28
- package/src/radio/stories/index.js +0 -20
|
@@ -16,13 +16,14 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
16
16
|
isColumn: boolean;
|
|
17
17
|
children: import("react").ReactNode;
|
|
18
18
|
isReversed?: boolean | undefined;
|
|
19
|
-
|
|
20
|
-
style?: import("react").CSSProperties | undefined;
|
|
21
|
-
title?: string | undefined;
|
|
22
|
-
hidden?: boolean | undefined;
|
|
19
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
23
20
|
color?: string | undefined;
|
|
24
21
|
translate?: "no" | "yes" | undefined;
|
|
22
|
+
hidden?: boolean | undefined;
|
|
23
|
+
style?: import("react").CSSProperties | undefined;
|
|
25
24
|
key?: import("react").Key | null | undefined;
|
|
25
|
+
slot?: string | undefined;
|
|
26
|
+
title?: string | undefined;
|
|
26
27
|
defaultChecked?: boolean | undefined;
|
|
27
28
|
suppressContentEditableWarning?: boolean | undefined;
|
|
28
29
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -57,27 +58,27 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
57
58
|
results?: number | undefined;
|
|
58
59
|
security?: string | undefined;
|
|
59
60
|
unselectable?: "on" | "off" | undefined;
|
|
60
|
-
inputMode?: "
|
|
61
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
61
62
|
is?: string | undefined;
|
|
62
63
|
'aria-activedescendant'?: string | undefined;
|
|
63
64
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
64
|
-
'aria-autocomplete'?: "
|
|
65
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
65
66
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
66
67
|
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
67
68
|
'aria-colcount'?: number | undefined;
|
|
68
69
|
'aria-colindex'?: number | undefined;
|
|
69
70
|
'aria-colspan'?: number | undefined;
|
|
70
71
|
'aria-controls'?: string | undefined;
|
|
71
|
-
'aria-current'?: boolean | "
|
|
72
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
|
|
72
73
|
'aria-describedby'?: string | undefined;
|
|
73
74
|
'aria-details'?: string | undefined;
|
|
74
75
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
75
|
-
'aria-dropeffect'?: "
|
|
76
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
76
77
|
'aria-errormessage'?: string | undefined;
|
|
77
78
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
78
79
|
'aria-flowto'?: string | undefined;
|
|
79
80
|
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
80
|
-
'aria-haspopup'?: boolean | "
|
|
81
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
81
82
|
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
82
83
|
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
83
84
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -94,7 +95,7 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
94
95
|
'aria-posinset'?: number | undefined;
|
|
95
96
|
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
96
97
|
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
97
|
-
'aria-relevant'?: "
|
|
98
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
98
99
|
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
99
100
|
'aria-roledescription'?: string | undefined;
|
|
100
101
|
'aria-rowcount'?: number | undefined;
|
|
@@ -126,7 +127,6 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
126
127
|
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
127
128
|
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
128
129
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
129
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
130
130
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
131
131
|
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
132
132
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -1,12 +1,61 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { LabelProps } from '../../border-control/types';
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* The `BorderBoxControl` effectively has two view states. The first, a "linked"
|
|
5
|
+
* view, allows configuration of a flat border via a single `BorderControl`.
|
|
6
|
+
* The second, a "split" view, contains a `BorderControl` for each side
|
|
7
|
+
* as well as a visualizer for the currently selected borders. Each view also
|
|
8
|
+
* contains a button to toggle between the two.
|
|
9
|
+
*
|
|
10
|
+
* When switching from the "split" view to "linked", if the individual side
|
|
11
|
+
* borders are not consistent, the "linked" view will display any border
|
|
12
|
+
* properties selections that are consistent while showing a mixed state for
|
|
13
|
+
* those that aren't. For example, if all borders had the same color and style
|
|
14
|
+
* but different widths, then the border dropdown in the "linked" view's
|
|
15
|
+
* `BorderControl` would show that consistent color and style but the "linked"
|
|
16
|
+
* view's width input would show "Mixed" placeholder text.
|
|
17
|
+
*
|
|
18
|
+
* ```jsx
|
|
19
|
+
* import { __experimentalBorderBoxControl as BorderBoxControl } from '@wordpress/components';
|
|
20
|
+
* import { __ } from '@wordpress/i18n';
|
|
21
|
+
*
|
|
22
|
+
* const colors = [
|
|
23
|
+
* { name: 'Blue 20', color: '#72aee6' },
|
|
24
|
+
* // ...
|
|
25
|
+
* ];
|
|
26
|
+
*
|
|
27
|
+
* const MyBorderBoxControl = () => {
|
|
28
|
+
* const defaultBorder = {
|
|
29
|
+
* color: '#72aee6',
|
|
30
|
+
* style: 'dashed',
|
|
31
|
+
* width: '1px',
|
|
32
|
+
* };
|
|
33
|
+
* const [ borders, setBorders ] = useState( {
|
|
34
|
+
* top: defaultBorder,
|
|
35
|
+
* right: defaultBorder,
|
|
36
|
+
* bottom: defaultBorder,
|
|
37
|
+
* left: defaultBorder,
|
|
38
|
+
* } );
|
|
39
|
+
* const onChange = ( newBorders ) => setBorders( newBorders );
|
|
40
|
+
*
|
|
41
|
+
* return (
|
|
42
|
+
* <BorderBoxControl
|
|
43
|
+
* colors={ colors }
|
|
44
|
+
* label={ __( 'Borders' ) }
|
|
45
|
+
* onChange={ onChange }
|
|
46
|
+
* value={ borders }
|
|
47
|
+
* />
|
|
48
|
+
* );
|
|
49
|
+
* };
|
|
50
|
+
* ```
|
|
51
|
+
*/
|
|
52
|
+
export declare const BorderBoxControl: import("../../ui/context").WordPressComponent<"div", import("../../border-control/types").ColorProps & LabelProps & {
|
|
4
53
|
enableStyle?: boolean | undefined;
|
|
5
54
|
onChange: (value: import("../types").AnyBorder) => void;
|
|
6
55
|
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
7
56
|
popoverOffset?: number | undefined;
|
|
8
57
|
value: import("../types").AnyBorder;
|
|
9
|
-
|
|
10
|
-
} & import("react").RefAttributes<any>,
|
|
11
|
-
export default
|
|
58
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
59
|
+
} & import("react").RefAttributes<any>, false>;
|
|
60
|
+
export default BorderBoxControl;
|
|
12
61
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACX,UAAU,EAEV,MAAM,4BAA4B,CAAC;AAoIpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,gBAAgB;;;;;;;8CAG5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -13,6 +13,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
13
13
|
toggleLinked: () => void;
|
|
14
14
|
linkedValue: Border | undefined;
|
|
15
15
|
splitValue: Borders | undefined;
|
|
16
|
+
wrapperClassName: string;
|
|
16
17
|
colors?: import("../../border-control/types").Colors | undefined;
|
|
17
18
|
disableCustomColors?: boolean | undefined;
|
|
18
19
|
enableAlpha?: boolean | undefined;
|
|
@@ -23,16 +24,16 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
23
24
|
enableStyle?: boolean | undefined;
|
|
24
25
|
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
25
26
|
popoverOffset?: number | undefined;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
style?: import("react").CSSProperties | undefined;
|
|
29
|
-
title?: string | undefined;
|
|
30
|
-
hidden?: boolean | undefined;
|
|
27
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
28
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
31
29
|
color?: string | undefined;
|
|
32
30
|
translate?: "no" | "yes" | undefined;
|
|
31
|
+
hidden?: boolean | undefined;
|
|
32
|
+
style?: import("react").CSSProperties | undefined;
|
|
33
33
|
key?: import("react").Key | null | undefined;
|
|
34
|
+
slot?: string | undefined;
|
|
35
|
+
title?: string | undefined;
|
|
34
36
|
defaultChecked?: boolean | undefined;
|
|
35
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
36
37
|
suppressContentEditableWarning?: boolean | undefined;
|
|
37
38
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
39
|
accessKey?: string | undefined;
|
|
@@ -66,27 +67,27 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
66
67
|
results?: number | undefined;
|
|
67
68
|
security?: string | undefined;
|
|
68
69
|
unselectable?: "on" | "off" | undefined;
|
|
69
|
-
inputMode?: "
|
|
70
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
70
71
|
is?: string | undefined;
|
|
71
72
|
'aria-activedescendant'?: string | undefined;
|
|
72
73
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
73
|
-
'aria-autocomplete'?: "
|
|
74
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
74
75
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
75
76
|
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
76
77
|
'aria-colcount'?: number | undefined;
|
|
77
78
|
'aria-colindex'?: number | undefined;
|
|
78
79
|
'aria-colspan'?: number | undefined;
|
|
79
80
|
'aria-controls'?: string | undefined;
|
|
80
|
-
'aria-current'?: boolean | "
|
|
81
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
|
|
81
82
|
'aria-describedby'?: string | undefined;
|
|
82
83
|
'aria-details'?: string | undefined;
|
|
83
84
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
84
|
-
'aria-dropeffect'?: "
|
|
85
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
85
86
|
'aria-errormessage'?: string | undefined;
|
|
86
87
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
87
88
|
'aria-flowto'?: string | undefined;
|
|
88
89
|
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
89
|
-
'aria-haspopup'?: boolean | "
|
|
90
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
90
91
|
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
91
92
|
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
92
93
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -103,7 +104,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
103
104
|
'aria-posinset'?: number | undefined;
|
|
104
105
|
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
105
106
|
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
106
|
-
'aria-relevant'?: "
|
|
107
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
107
108
|
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
108
109
|
'aria-roledescription'?: string | undefined;
|
|
109
110
|
'aria-rowcount'?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":";AAkBA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;+BA+DlD,MAAM,GAAG,SAAS,QACvB,UAAU
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":";AAkBA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;+BA+DlD,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCjB"}
|
|
@@ -5,15 +5,16 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
5
5
|
className: string;
|
|
6
6
|
isLinked: boolean;
|
|
7
7
|
onClick: () => void;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
title?: string | undefined;
|
|
11
|
-
hidden?: boolean | undefined;
|
|
8
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
9
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
12
10
|
color?: string | undefined;
|
|
13
11
|
translate?: "no" | "yes" | undefined;
|
|
12
|
+
hidden?: boolean | undefined;
|
|
13
|
+
style?: import("react").CSSProperties | undefined;
|
|
14
14
|
key?: import("react").Key | null | undefined;
|
|
15
|
+
slot?: string | undefined;
|
|
16
|
+
title?: string | undefined;
|
|
15
17
|
defaultChecked?: boolean | undefined;
|
|
16
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
17
18
|
suppressContentEditableWarning?: boolean | undefined;
|
|
18
19
|
suppressHydrationWarning?: boolean | undefined;
|
|
19
20
|
accessKey?: string | undefined;
|
|
@@ -47,27 +48,27 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
47
48
|
results?: number | undefined;
|
|
48
49
|
security?: string | undefined;
|
|
49
50
|
unselectable?: "on" | "off" | undefined;
|
|
50
|
-
inputMode?: "
|
|
51
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
51
52
|
is?: string | undefined;
|
|
52
53
|
'aria-activedescendant'?: string | undefined;
|
|
53
54
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
54
|
-
'aria-autocomplete'?: "
|
|
55
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
55
56
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
56
57
|
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
57
58
|
'aria-colcount'?: number | undefined;
|
|
58
59
|
'aria-colindex'?: number | undefined;
|
|
59
60
|
'aria-colspan'?: number | undefined;
|
|
60
61
|
'aria-controls'?: string | undefined;
|
|
61
|
-
'aria-current'?: boolean | "
|
|
62
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
|
|
62
63
|
'aria-describedby'?: string | undefined;
|
|
63
64
|
'aria-details'?: string | undefined;
|
|
64
65
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
65
|
-
'aria-dropeffect'?: "
|
|
66
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
66
67
|
'aria-errormessage'?: string | undefined;
|
|
67
68
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
68
69
|
'aria-flowto'?: string | undefined;
|
|
69
70
|
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
70
|
-
'aria-haspopup'?: boolean | "
|
|
71
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
71
72
|
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
72
73
|
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
73
74
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -84,7 +85,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
84
85
|
'aria-posinset'?: number | undefined;
|
|
85
86
|
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
86
87
|
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
87
|
-
'aria-relevant'?: "
|
|
88
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
88
89
|
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
89
90
|
'aria-roledescription'?: string | undefined;
|
|
90
91
|
'aria-rowcount'?: number | undefined;
|
|
@@ -116,7 +117,6 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
116
117
|
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
117
118
|
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
118
119
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
119
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
120
120
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
121
121
|
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
122
122
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,wBAAgB,+BAA+B,CAC9C,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,wBAAgB,+BAA+B,CAC9C,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe1D"}
|
|
@@ -5,7 +5,7 @@ declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context")
|
|
|
5
5
|
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
6
6
|
popoverOffset?: number | undefined;
|
|
7
7
|
value?: import("../types").Borders | undefined;
|
|
8
|
-
|
|
8
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
9
9
|
} & import("react").RefAttributes<any>, true>;
|
|
10
10
|
export default ConnectedBorderBoxControlSplitControls;
|
|
11
11
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/component.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/component.tsx"],"names":[],"mappings":";AAoHA,QAAA,MAAM,sCAAsC;;;;;;;6CAG3C,CAAC;AACF,eAAe,sCAAsC,CAAC"}
|
|
@@ -5,6 +5,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
5
5
|
centeredClassName: string;
|
|
6
6
|
className: string;
|
|
7
7
|
rightAlignedClassName: string;
|
|
8
|
+
size: "default" | "__unstable-large";
|
|
8
9
|
colors?: import("../../border-control/types").Colors | undefined;
|
|
9
10
|
disableCustomColors?: boolean | undefined;
|
|
10
11
|
enableAlpha?: boolean | undefined;
|
|
@@ -15,16 +16,15 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
15
16
|
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
16
17
|
popoverOffset?: number | undefined;
|
|
17
18
|
value?: import("../types").Borders | undefined;
|
|
18
|
-
|
|
19
|
-
slot?: string | undefined;
|
|
20
|
-
style?: import("react").CSSProperties | undefined;
|
|
21
|
-
title?: string | undefined;
|
|
22
|
-
hidden?: boolean | undefined;
|
|
19
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
23
20
|
color?: string | undefined;
|
|
24
21
|
translate?: "no" | "yes" | undefined;
|
|
22
|
+
hidden?: boolean | undefined;
|
|
23
|
+
style?: import("react").CSSProperties | undefined;
|
|
25
24
|
key?: import("react").Key | null | undefined;
|
|
25
|
+
slot?: string | undefined;
|
|
26
|
+
title?: string | undefined;
|
|
26
27
|
defaultChecked?: boolean | undefined;
|
|
27
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
28
28
|
suppressContentEditableWarning?: boolean | undefined;
|
|
29
29
|
suppressHydrationWarning?: boolean | undefined;
|
|
30
30
|
accessKey?: string | undefined;
|
|
@@ -58,27 +58,27 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
58
58
|
results?: number | undefined;
|
|
59
59
|
security?: string | undefined;
|
|
60
60
|
unselectable?: "on" | "off" | undefined;
|
|
61
|
-
inputMode?: "
|
|
61
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
62
62
|
is?: string | undefined;
|
|
63
63
|
'aria-activedescendant'?: string | undefined;
|
|
64
64
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
65
|
-
'aria-autocomplete'?: "
|
|
65
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
66
66
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
67
67
|
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
68
68
|
'aria-colcount'?: number | undefined;
|
|
69
69
|
'aria-colindex'?: number | undefined;
|
|
70
70
|
'aria-colspan'?: number | undefined;
|
|
71
71
|
'aria-controls'?: string | undefined;
|
|
72
|
-
'aria-current'?: boolean | "
|
|
72
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
|
|
73
73
|
'aria-describedby'?: string | undefined;
|
|
74
74
|
'aria-details'?: string | undefined;
|
|
75
75
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
76
|
-
'aria-dropeffect'?: "
|
|
76
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
77
77
|
'aria-errormessage'?: string | undefined;
|
|
78
78
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
79
79
|
'aria-flowto'?: string | undefined;
|
|
80
80
|
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
81
|
-
'aria-haspopup'?: boolean | "
|
|
81
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
82
82
|
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
83
83
|
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
84
84
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -95,7 +95,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
95
95
|
'aria-posinset'?: number | undefined;
|
|
96
96
|
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
97
97
|
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
98
|
-
'aria-relevant'?: "
|
|
98
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
99
99
|
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
100
100
|
'aria-roledescription'?: string | undefined;
|
|
101
101
|
'aria-rowcount'?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wBAAgB,gCAAgC,CAC/C,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wBAAgB,gCAAgC,CAC/C,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6B3D"}
|
|
@@ -4,15 +4,16 @@ import type { VisualizerProps } from '../types';
|
|
|
4
4
|
export declare function useBorderBoxControlVisualizer(props: WordPressComponentProps<VisualizerProps, 'div'>): {
|
|
5
5
|
className: string;
|
|
6
6
|
value: import("../types").Borders | undefined;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
title?: string | undefined;
|
|
10
|
-
hidden?: boolean | undefined;
|
|
7
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
8
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
11
9
|
color?: string | undefined;
|
|
12
10
|
translate?: "no" | "yes" | undefined;
|
|
11
|
+
hidden?: boolean | undefined;
|
|
12
|
+
style?: import("react").CSSProperties | undefined;
|
|
13
13
|
key?: import("react").Key | null | undefined;
|
|
14
|
+
slot?: string | undefined;
|
|
15
|
+
title?: string | undefined;
|
|
14
16
|
defaultChecked?: boolean | undefined;
|
|
15
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
16
17
|
suppressContentEditableWarning?: boolean | undefined;
|
|
17
18
|
suppressHydrationWarning?: boolean | undefined;
|
|
18
19
|
accessKey?: string | undefined;
|
|
@@ -46,27 +47,27 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
46
47
|
results?: number | undefined;
|
|
47
48
|
security?: string | undefined;
|
|
48
49
|
unselectable?: "on" | "off" | undefined;
|
|
49
|
-
inputMode?: "
|
|
50
|
+
inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
|
|
50
51
|
is?: string | undefined;
|
|
51
52
|
'aria-activedescendant'?: string | undefined;
|
|
52
53
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
53
|
-
'aria-autocomplete'?: "
|
|
54
|
+
'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
|
|
54
55
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
55
56
|
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
56
57
|
'aria-colcount'?: number | undefined;
|
|
57
58
|
'aria-colindex'?: number | undefined;
|
|
58
59
|
'aria-colspan'?: number | undefined;
|
|
59
60
|
'aria-controls'?: string | undefined;
|
|
60
|
-
'aria-current'?: boolean | "
|
|
61
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
|
|
61
62
|
'aria-describedby'?: string | undefined;
|
|
62
63
|
'aria-details'?: string | undefined;
|
|
63
64
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
64
|
-
'aria-dropeffect'?: "
|
|
65
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
65
66
|
'aria-errormessage'?: string | undefined;
|
|
66
67
|
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
67
68
|
'aria-flowto'?: string | undefined;
|
|
68
69
|
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
69
|
-
'aria-haspopup'?: boolean | "
|
|
70
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
70
71
|
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
71
72
|
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
72
73
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -83,7 +84,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
83
84
|
'aria-posinset'?: number | undefined;
|
|
84
85
|
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
85
86
|
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
86
|
-
'aria-relevant'?: "
|
|
87
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
87
88
|
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
88
89
|
'aria-roledescription'?: string | undefined;
|
|
89
90
|
'aria-rowcount'?: number | undefined;
|
|
@@ -115,7 +116,6 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
115
116
|
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
116
117
|
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
117
118
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
118
|
-
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
119
119
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
120
120
|
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
121
121
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,6BAA6B,CAC5C,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/hook.ts"],"names":[],"mappings":";AASA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,6BAA6B,CAC5C,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBxD"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import type { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
6
|
+
import { BorderBoxControl } from '../';
|
|
7
|
+
declare const meta: ComponentMeta<typeof BorderBoxControl>;
|
|
8
|
+
export default meta;
|
|
9
|
+
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../../border-control/types").ColorProps & import("../../border-control/types").LabelProps & {
|
|
10
|
+
enableStyle?: boolean | undefined;
|
|
11
|
+
onChange: (value: import("../types").AnyBorder) => void;
|
|
12
|
+
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
13
|
+
popoverOffset?: number | undefined;
|
|
14
|
+
value: import("../types").AnyBorder;
|
|
15
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
16
|
+
} & import("react").RefAttributes<any>, false>>;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAatE,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,gBAAgB,CAWjD,CAAC;AACF,eAAe,IAAI,CAAC;AAsDpB,eAAO,MAAM,OAAO;;;;;;;+CAAsB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { Borders } from './types';
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
2
|
+
export declare const borderBoxControl: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare const linkedBorderControl: () => import("@emotion/utils").SerializedStyles;
|
|
4
|
+
export declare const wrapper: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
export declare const borderBoxControlLinkedButton: (size?: "default" | "__unstable-large" | undefined) => import("@emotion/utils").SerializedStyles;
|
|
6
|
+
export declare const borderBoxControlVisualizer: (borders?: Borders | undefined, size?: "default" | "__unstable-large" | undefined) => import("@emotion/utils").SerializedStyles;
|
|
7
|
+
export declare const borderBoxControlSplitControls: (size?: "default" | "__unstable-large" | undefined) => import("@emotion/utils").SerializedStyles;
|
|
8
|
+
export declare const centeredBorderControl: import("@emotion/utils").SerializedStyles;
|
|
8
9
|
export declare const rightBorderControl: () => import("@emotion/utils").SerializedStyles;
|
|
9
10
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-box-control/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-box-control/styles.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,gBAAgB,2CAAQ,CAAC;AAEtC,eAAO,MAAM,mBAAmB,iDAG/B,CAAC;AAEF,eAAO,MAAM,OAAO,2CAEnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,kGASxC,CAAC;AAiBF,eAAO,MAAM,0BAA0B,iIAmBtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,kGAMzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAGjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iDAE9B,CAAC"}
|
|
@@ -40,12 +40,11 @@ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
|
40
40
|
*/
|
|
41
41
|
value: AnyBorder;
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
44
|
-
* default size in a future version.
|
|
43
|
+
* Size of the control.
|
|
45
44
|
*
|
|
46
|
-
* @default
|
|
45
|
+
* @default 'default'
|
|
47
46
|
*/
|
|
48
|
-
|
|
47
|
+
size?: 'default' | '__unstable-large';
|
|
49
48
|
};
|
|
50
49
|
export declare type LinkedButtonProps = {
|
|
51
50
|
/**
|
|
@@ -61,12 +60,11 @@ export declare type LinkedButtonProps = {
|
|
|
61
60
|
*/
|
|
62
61
|
onClick: () => void;
|
|
63
62
|
/**
|
|
64
|
-
*
|
|
65
|
-
* default size in a future version.
|
|
63
|
+
* Size of the control.
|
|
66
64
|
*
|
|
67
|
-
* @default
|
|
65
|
+
* @default 'default'
|
|
68
66
|
*/
|
|
69
|
-
|
|
67
|
+
size?: 'default' | '__unstable-large';
|
|
70
68
|
};
|
|
71
69
|
export declare type VisualizerProps = {
|
|
72
70
|
/**
|
|
@@ -76,12 +74,11 @@ export declare type VisualizerProps = {
|
|
|
76
74
|
*/
|
|
77
75
|
value?: Borders;
|
|
78
76
|
/**
|
|
79
|
-
*
|
|
80
|
-
* default size in a future version.
|
|
77
|
+
* Size of the control.
|
|
81
78
|
*
|
|
82
|
-
* @default
|
|
79
|
+
* @default 'default'
|
|
83
80
|
*/
|
|
84
|
-
|
|
81
|
+
size?: 'default' | '__unstable-large';
|
|
85
82
|
};
|
|
86
83
|
export declare type SplitControlsProps = ColorProps & {
|
|
87
84
|
/**
|
|
@@ -109,11 +106,10 @@ export declare type SplitControlsProps = ColorProps & {
|
|
|
109
106
|
*/
|
|
110
107
|
value?: Borders;
|
|
111
108
|
/**
|
|
112
|
-
*
|
|
113
|
-
* default size in a future version.
|
|
109
|
+
* Size of the control.
|
|
114
110
|
*
|
|
115
|
-
* @default
|
|
111
|
+
* @default 'default'
|
|
116
112
|
*/
|
|
117
|
-
|
|
113
|
+
size?: 'default' | '__unstable-large';
|
|
118
114
|
};
|
|
119
115
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEH,oBAAY,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAAG;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,KAAM,IAAI,CAAC;IAClE;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC"}
|
|
@@ -45,7 +45,7 @@ export declare const BorderControl: import("../../ui/context").WordPressComponen
|
|
|
45
45
|
value?: import("../types").Border | undefined;
|
|
46
46
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
47
47
|
withSlider?: boolean | undefined;
|
|
48
|
-
|
|
48
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
49
49
|
} & import("react").RefAttributes<any>, false>;
|
|
50
50
|
export default BorderControl;
|
|
51
51
|
//# sourceMappingURL=component.d.ts.map
|