@wordpress/components 19.8.4 → 19.11.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 +60 -0
- package/CONTRIBUTING.md +80 -7
- package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
- package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
- package/build/border-box-control/border-box-control/component.js +22 -7
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control-linked-button/hook.js +3 -2
- 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 +21 -8
- package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
- package/build/border-box-control/border-box-control-visualizer/hook.js +3 -2
- package/build/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
- package/build/border-box-control/styles.js +11 -15
- package/build/border-box-control/styles.js.map +1 -1
- package/build/border-control/border-control/component.js +5 -3
- package/build/border-control/border-control/component.js.map +1 -1
- package/build/border-control/border-control/hook.js +6 -3
- package/build/border-control/border-control/hook.js.map +1 -1
- package/build/border-control/border-control-dropdown/component.js +6 -2
- package/build/border-control/border-control-dropdown/component.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 +58 -29
- package/build/border-control/styles.js.map +1 -1
- package/build/box-control/index.js +0 -21
- package/build/box-control/index.js.map +1 -1
- package/build/box-control/utils.js +1 -8
- package/build/box-control/utils.js.map +1 -1
- package/build/button/index.js +3 -5
- package/build/button/index.js.map +1 -1
- package/build/button/index.native.js +16 -2
- package/build/button/index.native.js.map +1 -1
- package/build/button-group/index.js +24 -7
- package/build/button-group/index.js.map +1 -1
- package/build/{flyout → button-group}/types.js +0 -0
- package/build/button-group/types.js.map +1 -0
- package/build/checkbox-control/index.js +34 -7
- package/build/checkbox-control/index.js.map +1 -1
- package/build/checkbox-control/types.js +6 -0
- package/build/checkbox-control/types.js.map +1 -0
- package/build/circular-option-picker/index.js +1 -2
- package/build/circular-option-picker/index.js.map +1 -1
- package/build/color-palette/index.js +5 -12
- package/build/color-palette/index.js.map +1 -1
- package/build/date-time/date.js +43 -19
- package/build/date-time/date.js.map +1 -1
- package/build/date-time/index.js +28 -3
- package/build/date-time/index.js.map +1 -1
- package/build/date-time/time.js +42 -40
- package/build/date-time/time.js.map +1 -1
- package/build/date-time/timezone.js +4 -3
- package/build/date-time/timezone.js.map +1 -1
- package/build/date-time/types.js +6 -0
- package/build/date-time/types.js.map +1 -0
- package/build/date-time/utils.js +6 -4
- package/build/date-time/utils.js.map +1 -1
- package/build/disabled/index.js +4 -76
- package/build/disabled/index.js.map +1 -1
- package/build/draggable/index.native.js +223 -0
- package/build/draggable/index.native.js.map +1 -0
- package/build/dropdown/index.js +7 -5
- package/build/dropdown/index.js.map +1 -1
- package/build/focal-point-picker/index.native.js +3 -3
- package/build/focal-point-picker/index.native.js.map +1 -1
- package/build/heading/hook.js +1 -1
- package/build/heading/hook.js.map +1 -1
- package/build/index.js +0 -8
- package/build/index.js.map +1 -1
- package/build/index.native.js +16 -0
- package/build/index.native.js.map +1 -1
- package/build/input-control/index.js +27 -4
- package/build/input-control/index.js.map +1 -1
- package/build/input-control/styles/input-control-styles.js +42 -30
- package/build/input-control/styles/input-control-styles.js.map +1 -1
- package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
- package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
- package/build/mobile/bottom-sheet/index.native.js +1 -1
- package/build/mobile/bottom-sheet/index.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/html-text-input/index.native.js +19 -8
- package/build/mobile/html-text-input/index.native.js.map +1 -1
- package/build/mobile/keyboard-aware-flat-list/index.android.js +28 -5
- package/build/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
- package/build/mobile/keyboard-aware-flat-list/index.ios.js +47 -24
- package/build/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
- package/build/navigation/styles/navigation-styles.js +12 -12
- package/build/navigation/styles/navigation-styles.js.map +1 -1
- package/build/notice/index.native.js +44 -40
- package/build/notice/index.native.js.map +1 -1
- package/build/notice/list.native.js +27 -45
- package/build/notice/list.native.js.map +1 -1
- package/build/palette-edit/index.js +38 -7
- package/build/palette-edit/index.js.map +1 -1
- package/build/popover/index.js +223 -323
- package/build/popover/index.js.map +1 -1
- package/build/resizable-box/resize-tooltip/utils.js +5 -8
- package/build/resizable-box/resize-tooltip/utils.js.map +1 -1
- package/build/sandbox/index.js +2 -2
- package/build/sandbox/index.js.map +1 -1
- package/build/sandbox/index.native.js +1 -1
- package/build/sandbox/index.native.js.map +1 -1
- package/build/select-control/index.js +31 -4
- package/build/select-control/index.js.map +1 -1
- package/build/select-control/styles/select-control-styles.js +17 -14
- package/build/select-control/styles/select-control-styles.js.map +1 -1
- package/build/surface/styles.js +8 -8
- package/build/surface/styles.js.map +1 -1
- package/build/text/hook.js +5 -5
- package/build/text/hook.js.map +1 -1
- package/build/text/styles/text-mixins.native.js +1 -1
- package/build/text/styles/text-mixins.native.js.map +1 -1
- package/build/text/styles.js +7 -7
- package/build/text/styles.js.map +1 -1
- package/build/text-control/index.js +35 -28
- package/build/text-control/index.js.map +1 -1
- package/build/text-control/types.js +6 -0
- package/build/text-control/types.js.map +1 -0
- package/build/toggle-group-control/toggle-group-control/component.js +1 -3
- package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control-option-icon/component.js +6 -4
- package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
- package/build/tools-panel/tools-panel-header/component.js +52 -36
- package/build/tools-panel/tools-panel-header/component.js.map +1 -1
- package/build/tooltip/index.js +2 -2
- package/build/tooltip/index.js.map +1 -1
- package/build/ui/spinner/component.js +1 -1
- package/build/ui/spinner/component.js.map +1 -1
- package/build/unit-control/index.js +3 -3
- package/build/unit-control/index.js.map +1 -1
- package/build/unit-control/styles/unit-control-styles.js +11 -20
- package/build/unit-control/styles/unit-control-styles.js.map +1 -1
- package/build/unit-control/utils.js.map +1 -1
- package/build/utils/colors-values.js +9 -24
- package/build/utils/colors-values.js.map +1 -1
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +11 -11
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
- package/build-module/border-box-control/border-box-control/component.js +22 -7
- package/build-module/border-box-control/border-box-control/component.js.map +1 -1
- package/build-module/border-box-control/border-box-control-linked-button/hook.js +3 -2
- 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 +21 -8
- 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-visualizer/hook.js +3 -2
- package/build-module/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
- package/build-module/border-box-control/styles.js +9 -15
- package/build-module/border-box-control/styles.js.map +1 -1
- package/build-module/border-control/border-control/component.js +5 -3
- package/build-module/border-control/border-control/component.js.map +1 -1
- package/build-module/border-control/border-control/hook.js +6 -3
- package/build-module/border-control/border-control/hook.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/component.js +6 -2
- package/build-module/border-control/border-control-dropdown/component.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 +56 -29
- package/build-module/border-control/styles.js.map +1 -1
- package/build-module/box-control/index.js +1 -20
- package/build-module/box-control/index.js.map +1 -1
- package/build-module/box-control/utils.js +0 -6
- package/build-module/box-control/utils.js.map +1 -1
- package/build-module/button/index.js +3 -4
- package/build-module/button/index.js.map +1 -1
- package/build-module/button/index.native.js +16 -3
- package/build-module/button/index.native.js.map +1 -1
- package/build-module/button-group/index.js +27 -7
- package/build-module/button-group/index.js.map +1 -1
- package/build-module/{flyout → button-group}/types.js +0 -0
- package/build-module/{flyout → button-group}/types.js.map +0 -0
- package/build-module/checkbox-control/index.js +31 -7
- package/build-module/checkbox-control/index.js.map +1 -1
- package/build-module/checkbox-control/types.js +2 -0
- package/{build/flyout → build-module/checkbox-control}/types.js.map +0 -0
- package/build-module/circular-option-picker/index.js +1 -2
- package/build-module/circular-option-picker/index.js.map +1 -1
- package/build-module/color-palette/index.js +5 -11
- package/build-module/color-palette/index.js.map +1 -1
- package/build-module/date-time/date.js +44 -19
- package/build-module/date-time/date.js.map +1 -1
- package/build-module/date-time/index.js +28 -4
- package/build-module/date-time/index.js.map +1 -1
- package/build-module/date-time/time.js +43 -41
- package/build-module/date-time/time.js.map +1 -1
- package/build-module/date-time/timezone.js +4 -3
- package/build-module/date-time/timezone.js.map +1 -1
- package/build-module/date-time/types.js +2 -0
- package/build-module/date-time/types.js.map +1 -0
- package/build-module/date-time/utils.js +6 -4
- package/build-module/date-time/utils.js.map +1 -1
- package/build-module/disabled/index.js +5 -76
- package/build-module/disabled/index.js.map +1 -1
- package/build-module/draggable/index.native.js +206 -0
- package/build-module/draggable/index.native.js.map +1 -0
- package/build-module/dropdown/index.js +7 -5
- package/build-module/dropdown/index.js.map +1 -1
- package/build-module/focal-point-picker/index.native.js +3 -3
- package/build-module/focal-point-picker/index.native.js.map +1 -1
- package/build-module/heading/hook.js +1 -1
- package/build-module/heading/hook.js.map +1 -1
- package/build-module/index.js +0 -1
- package/build-module/index.js.map +1 -1
- package/build-module/index.native.js +2 -1
- package/build-module/index.native.js.map +1 -1
- package/build-module/input-control/index.js +24 -3
- package/build-module/input-control/index.js.map +1 -1
- package/build-module/input-control/styles/input-control-styles.js +42 -30
- package/build-module/input-control/styles/input-control-styles.js.map +1 -1
- package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
- package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/index.native.js +1 -1
- package/build-module/mobile/bottom-sheet/index.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/html-text-input/index.native.js +20 -9
- package/build-module/mobile/html-text-input/index.native.js.map +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/index.android.js +21 -5
- package/build-module/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/index.ios.js +42 -25
- package/build-module/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
- package/build-module/navigation/styles/navigation-styles.js +13 -13
- package/build-module/navigation/styles/navigation-styles.js.map +1 -1
- package/build-module/notice/index.native.js +45 -41
- package/build-module/notice/index.native.js.map +1 -1
- package/build-module/notice/list.native.js +28 -46
- package/build-module/notice/list.native.js.map +1 -1
- package/build-module/palette-edit/index.js +37 -7
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/popover/index.js +225 -325
- package/build-module/popover/index.js.map +1 -1
- package/build-module/resizable-box/resize-tooltip/utils.js +4 -5
- package/build-module/resizable-box/resize-tooltip/utils.js.map +1 -1
- package/build-module/sandbox/index.js +2 -2
- package/build-module/sandbox/index.js.map +1 -1
- package/build-module/sandbox/index.native.js +1 -1
- package/build-module/sandbox/index.native.js.map +1 -1
- package/build-module/select-control/index.js +29 -3
- package/build-module/select-control/index.js.map +1 -1
- package/build-module/select-control/styles/select-control-styles.js +17 -14
- package/build-module/select-control/styles/select-control-styles.js.map +1 -1
- package/build-module/surface/styles.js +8 -8
- package/build-module/surface/styles.js.map +1 -1
- package/build-module/text/hook.js +5 -5
- package/build-module/text/hook.js.map +1 -1
- package/build-module/text/styles/text-mixins.native.js +2 -2
- package/build-module/text/styles/text-mixins.native.js.map +1 -1
- package/build-module/text/styles.js +7 -7
- package/build-module/text/styles.js.map +1 -1
- package/build-module/text-control/index.js +35 -27
- package/build-module/text-control/index.js.map +1 -1
- package/build-module/text-control/types.js +2 -0
- package/build-module/text-control/types.js.map +1 -0
- package/build-module/toggle-group-control/toggle-group-control/component.js +2 -3
- package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js +1 -5
- package/build-module/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
- package/build-module/tools-panel/tools-panel-header/component.js +51 -36
- package/build-module/tools-panel/tools-panel-header/component.js.map +1 -1
- package/build-module/tooltip/index.js +2 -2
- package/build-module/tooltip/index.js.map +1 -1
- package/build-module/ui/spinner/component.js +1 -1
- package/build-module/ui/spinner/component.js.map +1 -1
- package/build-module/unit-control/index.js +3 -3
- package/build-module/unit-control/index.js.map +1 -1
- package/build-module/unit-control/styles/unit-control-styles.js +11 -20
- package/build-module/unit-control/styles/unit-control-styles.js.map +1 -1
- package/build-module/unit-control/utils.js.map +1 -1
- package/build-module/utils/colors-values.js +19 -23
- package/build-module/utils/colors-values.js.map +1 -1
- package/build-style/style-rtl.css +55 -170
- package/build-style/style.css +51 -170
- 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 +3 -1
- 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.map +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 +3 -1
- 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.map +1 -1
- package/build-types/border-box-control/styles.d.ts +2 -2
- package/build-types/border-box-control/styles.d.ts.map +1 -1
- package/build-types/border-box-control/types.d.ts +40 -13
- package/build-types/border-box-control/types.d.ts.map +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 +2 -1
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +1 -0
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- package/build-types/border-control/styles.d.ts +2 -1
- package/build-types/border-control/styles.d.ts.map +1 -1
- package/build-types/border-control/types.d.ts +18 -6
- package/build-types/border-control/types.d.ts.map +1 -1
- package/build-types/button/index.d.ts.map +1 -1
- package/build-types/button-group/index.d.ts +25 -0
- package/build-types/button-group/index.d.ts.map +1 -0
- package/build-types/button-group/stories/index.d.ts +12 -0
- package/build-types/button-group/stories/index.d.ts.map +1 -0
- package/build-types/button-group/types.d.ts +11 -0
- package/build-types/button-group/types.d.ts.map +1 -0
- package/build-types/checkbox-control/index.d.ts +26 -0
- package/build-types/checkbox-control/index.d.ts.map +1 -0
- package/build-types/checkbox-control/stories/index.d.ts +13 -0
- package/build-types/checkbox-control/stories/index.d.ts.map +1 -0
- package/build-types/checkbox-control/types.d.ts +35 -0
- package/build-types/checkbox-control/types.d.ts.map +1 -0
- package/build-types/circular-option-picker/index.d.ts.map +1 -1
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +3 -3
- package/build-types/date-time/date.d.ts +24 -0
- package/build-types/date-time/date.d.ts.map +1 -0
- package/build-types/date-time/index.d.ts +35 -0
- package/build-types/date-time/index.d.ts.map +1 -0
- package/build-types/date-time/stories/date.d.ts +14 -0
- package/build-types/date-time/stories/date.d.ts.map +1 -0
- package/build-types/date-time/stories/index.d.ts +14 -0
- package/build-types/date-time/stories/index.d.ts.map +1 -0
- package/build-types/date-time/stories/time.d.ts +12 -0
- package/build-types/date-time/stories/time.d.ts.map +1 -0
- package/build-types/date-time/stories/utils.d.ts +3 -0
- package/build-types/date-time/stories/utils.d.ts.map +1 -0
- package/build-types/date-time/test/date.d.ts +2 -0
- package/build-types/date-time/test/date.d.ts.map +1 -0
- package/build-types/date-time/test/time.d.ts +2 -0
- package/build-types/date-time/test/time.d.ts.map +1 -0
- package/build-types/date-time/test/utils.d.ts +2 -0
- package/build-types/date-time/test/utils.d.ts.map +1 -0
- package/build-types/date-time/time.d.ts +25 -0
- package/build-types/date-time/time.d.ts.map +1 -0
- package/build-types/date-time/timezone.d.ts +8 -0
- package/build-types/date-time/timezone.d.ts.map +1 -0
- package/build-types/date-time/types.d.ts +91 -0
- package/build-types/date-time/types.d.ts.map +1 -0
- package/build-types/date-time/utils.d.ts +15 -0
- package/build-types/date-time/utils.d.ts.map +1 -0
- package/build-types/disabled/index.d.ts.map +1 -1
- package/build-types/dropdown/index.d.ts.map +1 -1
- package/build-types/input-control/index.d.ts +23 -3
- package/build-types/input-control/index.d.ts.map +1 -1
- package/build-types/input-control/input-field.d.ts +1 -1
- package/build-types/input-control/input-field.d.ts.map +1 -1
- package/build-types/input-control/stories/index.d.ts +5 -5
- package/build-types/input-control/stories/index.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts +1 -0
- package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
- package/build-types/input-control/types.d.ts +79 -3
- package/build-types/input-control/types.d.ts.map +1 -1
- package/build-types/number-control/styles/number-control-styles.d.ts +1 -1
- package/build-types/popover/index.d.ts +5 -8
- package/build-types/popover/index.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/utils.d.ts.map +1 -1
- package/build-types/select-control/index.d.ts +30 -26
- package/build-types/select-control/index.d.ts.map +1 -1
- package/build-types/select-control/stories/index.d.ts +23 -0
- package/build-types/select-control/stories/index.d.ts.map +1 -0
- package/build-types/select-control/styles/select-control-styles.d.ts +3 -4
- package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
- package/build-types/select-control/test/select-control.d.ts +2 -0
- package/build-types/select-control/test/select-control.d.ts.map +1 -0
- package/build-types/select-control/types.d.ts +52 -1
- package/build-types/select-control/types.d.ts.map +1 -1
- package/build-types/text-control/index.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-option-icon/component.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel-header/component.d.ts.map +1 -1
- package/build-types/tools-panel/types.d.ts +0 -1
- package/build-types/tools-panel/types.d.ts.map +1 -1
- package/build-types/tooltip/index.d.ts.map +1 -1
- 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.map +1 -1
- package/build-types/unit-control/test/index.d.ts +2 -0
- package/build-types/unit-control/test/index.d.ts.map +1 -0
- package/build-types/unit-control/test/utils.d.ts +2 -0
- package/build-types/unit-control/test/utils.d.ts.map +1 -0
- package/build-types/unit-control/types.d.ts +1 -1
- package/build-types/unit-control/types.d.ts.map +1 -1
- package/build-types/unit-control/utils.d.ts +3 -3
- package/build-types/unit-control/utils.d.ts.map +1 -1
- package/build-types/utils/colors-values.d.ts +6 -146
- package/build-types/utils/colors-values.d.ts.map +1 -1
- package/package.json +19 -19
- package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js +5 -3
- package/src/autocomplete/style.scss +1 -1
- package/src/border-box-control/border-box-control/README.md +10 -14
- package/src/border-box-control/border-box-control/component.tsx +21 -4
- package/src/border-box-control/border-box-control-linked-button/hook.ts +10 -6
- package/src/border-box-control/border-box-control-split-controls/component.tsx +24 -7
- package/src/border-box-control/border-box-control-visualizer/hook.ts +11 -6
- package/src/border-box-control/stories/index.js +1 -0
- package/src/border-box-control/styles.ts +15 -8
- package/src/border-box-control/types.ts +40 -14
- package/src/border-control/border-control/README.md +0 -7
- package/src/border-control/border-control/component.tsx +4 -2
- package/src/border-control/border-control/hook.ts +5 -2
- package/src/border-control/border-control-dropdown/component.tsx +18 -11
- package/src/border-control/border-control-dropdown/hook.ts +7 -5
- package/src/border-control/stories/index.js +1 -0
- package/src/border-control/styles.ts +82 -22
- package/src/border-control/types.ts +18 -6
- package/src/box-control/README.md +0 -74
- package/src/box-control/index.js +0 -15
- package/src/box-control/stories/index.js +0 -29
- package/src/box-control/utils.js +0 -7
- package/src/button/index.js +2 -4
- package/src/button/index.native.js +33 -18
- package/src/button/test/index.js +16 -1
- package/src/button-group/index.tsx +47 -0
- package/src/button-group/stories/index.tsx +41 -0
- package/src/button-group/types.ts +11 -0
- package/src/checkbox-control/README.md +10 -8
- package/src/checkbox-control/{index.js → index.tsx} +49 -14
- package/src/checkbox-control/stories/{index.js → index.tsx} +49 -27
- package/src/checkbox-control/types.ts +36 -0
- package/src/circular-option-picker/index.js +1 -2
- package/src/circular-option-picker/style.scss +1 -0
- package/src/color-palette/README.md +0 -1
- package/src/color-palette/index.js +6 -13
- package/src/color-palette/style.scss +3 -18
- package/src/color-palette/test/__snapshots__/index.js.snap +2 -3
- package/src/confirm-dialog/stories/index.js +87 -99
- package/src/date-time/README.md +13 -10
- package/src/date-time/{date.js → date.tsx} +49 -20
- package/src/date-time/{index.js → index.tsx} +31 -5
- package/src/date-time/stories/date.tsx +73 -0
- package/src/date-time/stories/index.tsx +75 -0
- package/src/date-time/stories/time.tsx +51 -0
- package/src/date-time/stories/utils.ts +9 -0
- package/src/date-time/test/date.tsx +127 -0
- package/src/date-time/test/{time.js → time.tsx} +34 -19
- package/src/date-time/test/{utils.js → utils.ts} +1 -1
- package/src/date-time/{time.js → time.tsx} +57 -46
- package/src/date-time/{timezone.js → timezone.tsx} +4 -3
- package/src/date-time/types.ts +106 -0
- package/src/date-time/utils.ts +20 -0
- package/src/dimension-control/test/__snapshots__/index.test.js.snap +4 -4
- package/src/disabled/index.js +5 -90
- package/src/draggable/index.native.js +215 -0
- package/src/draggable/style.native.scss +3 -0
- package/src/dropdown/index.js +9 -4
- package/src/dropdown/style.scss +1 -1
- package/src/focal-point-picker/index.native.js +3 -3
- package/src/form-file-upload/test/index.js +20 -13
- package/src/heading/hook.ts +1 -1
- package/src/heading/test/__snapshots__/index.js.snap +3 -3
- package/src/index.js +0 -1
- package/src/index.native.js +1 -0
- package/src/input-control/README.md +3 -3
- package/src/input-control/index.tsx +23 -3
- package/src/input-control/stories/index.tsx +63 -0
- package/src/input-control/styles/input-control-styles.tsx +20 -7
- package/src/input-control/types.ts +79 -2
- package/src/item-group/stories/index.js +22 -18
- package/src/menu-item/style.scss +10 -0
- package/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -1
- package/src/mobile/bottom-sheet/bottom-sheet-navigation/test/navigation-container.native.js +9 -2
- package/src/mobile/bottom-sheet/index.native.js +1 -1
- package/src/mobile/bottom-sheet-select-control/index.native.js +8 -2
- package/src/mobile/html-text-input/index.native.js +45 -29
- package/src/mobile/html-text-input/style.android.scss +2 -15
- package/src/mobile/html-text-input/style.ios.scss +2 -15
- package/src/mobile/html-text-input/{style-common.native.scss → style.scss} +16 -0
- package/src/mobile/keyboard-aware-flat-list/index.android.js +15 -5
- package/src/mobile/keyboard-aware-flat-list/index.ios.js +75 -46
- package/src/mobile/link-settings/test/link-settings-navigation.native.js +9 -1
- package/src/navigation/styles/navigation-styles.js +5 -5
- package/src/navigator/stories/index.js +16 -10
- package/src/notice/index.native.js +44 -54
- package/src/notice/list.native.js +27 -51
- package/src/notice/style.native.scss +1 -0
- package/src/palette-edit/index.js +37 -9
- package/src/palette-edit/style.scss +0 -7
- package/src/palette-edit/test/index.js +63 -0
- package/src/panel/README.md +1 -1
- package/src/placeholder/test/index.js +7 -0
- package/src/popover/README.md +7 -9
- package/src/popover/index.js +242 -417
- package/src/popover/style.scss +20 -190
- package/src/popover/test/__snapshots__/index.js.snap +6 -18
- package/src/query-controls/README.md +2 -2
- package/src/resizable-box/resize-tooltip/utils.ts +4 -5
- package/src/sandbox/index.js +2 -2
- package/src/sandbox/index.native.js +1 -1
- package/src/select-control/README.md +2 -2
- package/src/select-control/index.tsx +30 -29
- package/src/select-control/stories/index.tsx +90 -0
- package/src/select-control/styles/select-control-styles.ts +16 -12
- package/src/select-control/test/{select-control.js → select-control.tsx} +2 -2
- package/src/select-control/types.ts +66 -1
- package/src/surface/styles.js +1 -1
- package/src/tab-panel/style.scss +1 -1
- package/src/text/hook.js +1 -1
- package/src/text/styles/text-mixins.native.js +2 -2
- package/src/text/styles.js +1 -1
- package/src/text/test/__snapshots__/{index.js.snap → index.tsx.snap} +16 -0
- package/src/text/test/{index.js → index.tsx} +12 -6
- package/src/text-control/index.tsx +84 -0
- package/src/text-control/stories/index.tsx +66 -0
- package/src/text-control/types.ts +29 -0
- package/src/toggle-group-control/test/__snapshots__/index.js.snap +4 -10
- package/src/toggle-group-control/toggle-group-control/component.tsx +7 -3
- package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +1 -5
- package/src/toolbar-group/style.scss +20 -0
- package/src/tools-panel/test/__snapshots__/index.js.snap +2 -2
- package/src/tools-panel/test/index.js +71 -18
- package/src/tools-panel/tools-panel-header/component.tsx +75 -33
- package/src/tools-panel/types.ts +0 -1
- package/src/tooltip/index.js +8 -2
- package/src/tooltip/style.scss +2 -4
- package/src/tooltip/test/index.js +6 -0
- package/src/tooltip/test/index.native.js +1 -1
- package/src/ui/spinner/component.js +1 -1
- package/src/ui/spinner/test/__snapshots__/index.js.snap +3 -3
- package/src/unit-control/index.tsx +2 -5
- package/src/unit-control/styles/unit-control-styles.ts +3 -13
- package/src/unit-control/test/__snapshots__/index.tsx.snap +33 -0
- package/src/unit-control/test/{index.js → index.tsx} +295 -166
- package/src/unit-control/test/{utils.js → utils.ts} +38 -19
- package/src/unit-control/types.ts +4 -1
- package/src/unit-control/utils.ts +5 -3
- package/src/utils/colors-values.js +18 -22
- package/tsconfig.json +14 -3
- package/tsconfig.tsbuildinfo +1 -1
- package/build/box-control/visualizer.js +0 -165
- package/build/box-control/visualizer.js.map +0 -1
- package/build/flyout/context.js +0 -23
- package/build/flyout/context.js.map +0 -1
- package/build/flyout/flyout/component.js +0 -106
- package/build/flyout/flyout/component.js.map +0 -1
- package/build/flyout/flyout/hook.js +0 -53
- package/build/flyout/flyout/hook.js.map +0 -1
- package/build/flyout/flyout/index.js +0 -24
- package/build/flyout/flyout/index.js.map +0 -1
- package/build/flyout/flyout-content/component.js +0 -65
- package/build/flyout/flyout-content/component.js.map +0 -1
- package/build/flyout/flyout-content/index.js +0 -16
- package/build/flyout/flyout-content/index.js.map +0 -1
- package/build/flyout/index.js +0 -16
- package/build/flyout/index.js.map +0 -1
- package/build/flyout/styles.js +0 -46
- package/build/flyout/styles.js.map +0 -1
- package/build/flyout/utils.js +0 -36
- package/build/flyout/utils.js.map +0 -1
- package/build/mobile/html-text-input/container.android.js +0 -41
- package/build/mobile/html-text-input/container.android.js.map +0 -1
- package/build/mobile/html-text-input/container.ios.js +0 -60
- package/build/mobile/html-text-input/container.ios.js.map +0 -1
- package/build/popover/utils.js +0 -322
- package/build/popover/utils.js.map +0 -1
- package/build-module/box-control/visualizer.js +0 -154
- package/build-module/box-control/visualizer.js.map +0 -1
- package/build-module/flyout/context.js +0 -11
- package/build-module/flyout/context.js.map +0 -1
- package/build-module/flyout/flyout/component.js +0 -89
- package/build-module/flyout/flyout/component.js.map +0 -1
- package/build-module/flyout/flyout/hook.js +0 -44
- package/build-module/flyout/flyout/hook.js.map +0 -1
- package/build-module/flyout/flyout/index.js +0 -3
- package/build-module/flyout/flyout/index.js.map +0 -1
- package/build-module/flyout/flyout-content/component.js +0 -51
- package/build-module/flyout/flyout-content/component.js.map +0 -1
- package/build-module/flyout/flyout-content/index.js +0 -2
- package/build-module/flyout/flyout-content/index.js.map +0 -1
- package/build-module/flyout/index.js +0 -2
- package/build-module/flyout/index.js.map +0 -1
- package/build-module/flyout/styles.js +0 -27
- package/build-module/flyout/styles.js.map +0 -1
- package/build-module/flyout/utils.js +0 -25
- package/build-module/flyout/utils.js.map +0 -1
- package/build-module/mobile/html-text-input/container.android.js +0 -29
- package/build-module/mobile/html-text-input/container.android.js.map +0 -1
- package/build-module/mobile/html-text-input/container.ios.js +0 -48
- package/build-module/mobile/html-text-input/container.ios.js.map +0 -1
- package/build-module/popover/utils.js +0 -308
- package/build-module/popover/utils.js.map +0 -1
- package/build-types/flyout/context.d.ts +0 -6
- package/build-types/flyout/context.d.ts.map +0 -1
- package/build-types/flyout/flyout/component.d.ts +0 -21
- package/build-types/flyout/flyout/component.d.ts.map +0 -1
- package/build-types/flyout/flyout/hook.d.ts +0 -270
- package/build-types/flyout/flyout/hook.d.ts.map +0 -1
- package/build-types/flyout/flyout/index.d.ts +0 -3
- package/build-types/flyout/flyout/index.d.ts.map +0 -1
- package/build-types/flyout/flyout-content/component.d.ts +0 -3
- package/build-types/flyout/flyout-content/component.d.ts.map +0 -1
- package/build-types/flyout/flyout-content/index.d.ts +0 -2
- package/build-types/flyout/flyout-content/index.d.ts.map +0 -1
- package/build-types/flyout/index.d.ts +0 -2
- package/build-types/flyout/index.d.ts.map +0 -1
- package/build-types/flyout/styles.d.ts +0 -22
- package/build-types/flyout/styles.d.ts.map +0 -1
- package/build-types/flyout/types.d.ts +0 -80
- package/build-types/flyout/types.d.ts.map +0 -1
- package/build-types/flyout/utils.d.ts +0 -8
- package/build-types/flyout/utils.d.ts.map +0 -1
- package/build-types/popover/utils.d.ts +0 -70
- package/build-types/popover/utils.d.ts.map +0 -1
- package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts +0 -19
- package/build-types/toggle-group-control/toggle-group-control-option/styles.d.ts.map +0 -1
- package/src/box-control/visualizer.js +0 -116
- package/src/button-group/index.js +0 -17
- package/src/button-group/stories/index.js +0 -21
- package/src/date-time/stories/date.js +0 -17
- package/src/date-time/stories/index.js +0 -72
- package/src/date-time/stories/time.js +0 -32
- package/src/date-time/test/date.js +0 -97
- package/src/date-time/utils.js +0 -18
- package/src/flyout/context.js +0 -10
- package/src/flyout/flyout/README.md +0 -98
- package/src/flyout/flyout/component.js +0 -111
- package/src/flyout/flyout/hook.js +0 -45
- package/src/flyout/flyout/index.js +0 -2
- package/src/flyout/flyout-content/component.js +0 -53
- package/src/flyout/flyout-content/index.js +0 -1
- package/src/flyout/index.js +0 -1
- package/src/flyout/stories/index.js +0 -24
- package/src/flyout/styles.ts +0 -41
- package/src/flyout/test/__snapshots__/index.js.snap +0 -186
- package/src/flyout/test/index.js +0 -103
- package/src/flyout/types.ts +0 -84
- package/src/flyout/utils.js +0 -23
- package/src/input-control/stories/index.js +0 -71
- package/src/mobile/html-text-input/container.android.js +0 -23
- package/src/mobile/html-text-input/container.ios.js +0 -50
- package/src/popover/test/utils.js +0 -304
- package/src/popover/utils.js +0 -396
- package/src/select-control/stories/index.js +0 -104
- package/src/text-control/index.js +0 -72
- package/src/text-control/stories/index.js +0 -46
package/build-style/style.css
CHANGED
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
opacity: 0.5;
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
|
-
.components-autocomplete__popover .components-popover__content
|
|
161
|
+
.components-autocomplete__popover .components-popover__content {
|
|
162
162
|
padding: 16px;
|
|
163
163
|
min-width: 220px;
|
|
164
164
|
}
|
|
@@ -738,6 +738,7 @@ svg.components-checkbox-control__indeterminate {
|
|
|
738
738
|
border-radius: 50%;
|
|
739
739
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
740
740
|
border: 1px solid transparent;
|
|
741
|
+
box-sizing: inherit;
|
|
741
742
|
}
|
|
742
743
|
.components-circular-option-picker__option:focus::after {
|
|
743
744
|
content: "";
|
|
@@ -768,12 +769,6 @@ svg.components-checkbox-control__indeterminate {
|
|
|
768
769
|
line-height: 22px;
|
|
769
770
|
}
|
|
770
771
|
|
|
771
|
-
@media (min-width: 782px) {
|
|
772
|
-
.components-palette-edit__popover.components-popover .components-popover__content.components-popover__content.components-popover__content {
|
|
773
|
-
margin-right: 156px;
|
|
774
|
-
margin-top: -49px;
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
772
|
.components-palette-edit__popover .components-custom-gradient-picker__gradient-bar {
|
|
778
773
|
margin-top: 0;
|
|
779
774
|
}
|
|
@@ -918,11 +913,8 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
918
913
|
overflow: visible;
|
|
919
914
|
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
|
|
920
915
|
border: none;
|
|
916
|
+
outline: none;
|
|
921
917
|
border-radius: 2px;
|
|
922
|
-
max-height: -moz-fit-content !important;
|
|
923
|
-
max-height: fit-content !important;
|
|
924
|
-
}
|
|
925
|
-
.components-dropdown__content.components-color-palette__custom-color-dropdown-content .components-popover__content > div {
|
|
926
918
|
padding: 0;
|
|
927
919
|
}
|
|
928
920
|
.components-dropdown__content.components-color-palette__custom-color-dropdown-content .components-popover__content .react-colorful__saturation {
|
|
@@ -930,17 +922,6 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
930
922
|
border-top-left-radius: 2px;
|
|
931
923
|
}
|
|
932
924
|
|
|
933
|
-
@media (min-width: 782px) {
|
|
934
|
-
.components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar .components-popover__content.components-popover__content {
|
|
935
|
-
margin-right: 156px;
|
|
936
|
-
}
|
|
937
|
-
.components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar.is-from-top .components-popover__content {
|
|
938
|
-
margin-top: -60px;
|
|
939
|
-
}
|
|
940
|
-
.components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar.is-from-bottom .components-popover__content {
|
|
941
|
-
margin-bottom: -60px;
|
|
942
|
-
}
|
|
943
|
-
}
|
|
944
925
|
.components-color-palette__custom-color-name {
|
|
945
926
|
text-align: left;
|
|
946
927
|
}
|
|
@@ -996,7 +977,7 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
996
977
|
}
|
|
997
978
|
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
|
|
998
979
|
box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25);
|
|
999
|
-
outline:
|
|
980
|
+
outline: 1.5px solid transparent;
|
|
1000
981
|
}
|
|
1001
982
|
|
|
1002
983
|
.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
|
|
@@ -2459,7 +2440,7 @@ body.is-dragging-components-draggable {
|
|
|
2459
2440
|
display: inline-block;
|
|
2460
2441
|
}
|
|
2461
2442
|
|
|
2462
|
-
.components-dropdown__content .components-popover__content
|
|
2443
|
+
.components-dropdown__content .components-popover__content {
|
|
2463
2444
|
padding: 8px;
|
|
2464
2445
|
}
|
|
2465
2446
|
.components-dropdown__content [role=menuitem] {
|
|
@@ -3130,6 +3111,13 @@ body.is-dragging-components-draggable {
|
|
|
3130
3111
|
.components-menu-item__button.components-button.is-primary .components-menu-item__item {
|
|
3131
3112
|
margin-right: 0;
|
|
3132
3113
|
}
|
|
3114
|
+
.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary,
|
|
3115
|
+
.components-menu-item__button.components-button:disabled.is-tertiary,
|
|
3116
|
+
.components-menu-item__button.components-button[aria-disabled=true].is-tertiary {
|
|
3117
|
+
background: none;
|
|
3118
|
+
color: var(--wp-admin-theme-color-darker-10);
|
|
3119
|
+
opacity: 0.3;
|
|
3120
|
+
}
|
|
3133
3121
|
|
|
3134
3122
|
.components-menu-item__info-wrapper {
|
|
3135
3123
|
display: flex;
|
|
@@ -3717,173 +3705,39 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
3717
3705
|
padding: 0 8px 2px;
|
|
3718
3706
|
}
|
|
3719
3707
|
|
|
3720
|
-
/*!rtl:begin:ignore*/
|
|
3721
3708
|
.components-popover {
|
|
3722
|
-
position: fixed;
|
|
3723
3709
|
z-index: 1000000;
|
|
3724
|
-
top: 0;
|
|
3725
|
-
left: 0;
|
|
3726
|
-
opacity: 0;
|
|
3727
|
-
}
|
|
3728
|
-
.components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] {
|
|
3729
|
-
opacity: 1;
|
|
3730
3710
|
}
|
|
3731
3711
|
.components-popover.is-expanded {
|
|
3712
|
+
position: fixed;
|
|
3732
3713
|
top: 0;
|
|
3733
3714
|
left: 0;
|
|
3734
3715
|
right: 0;
|
|
3735
3716
|
bottom: 0;
|
|
3736
3717
|
z-index: 1000000 !important;
|
|
3737
3718
|
}
|
|
3738
|
-
.components-popover:not(.is-without-arrow) {
|
|
3739
|
-
margin-left: 2px;
|
|
3740
|
-
}
|
|
3741
|
-
.components-popover:not(.is-without-arrow)::before {
|
|
3742
|
-
border: 8px solid #ccc;
|
|
3743
|
-
}
|
|
3744
|
-
.components-popover:not(.is-without-arrow).is-alternate::before {
|
|
3745
|
-
border-color: #1e1e1e;
|
|
3746
|
-
}
|
|
3747
|
-
.components-popover:not(.is-without-arrow)::after {
|
|
3748
|
-
border: 8px solid #fff;
|
|
3749
|
-
}
|
|
3750
|
-
.components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after {
|
|
3751
|
-
content: "";
|
|
3752
|
-
position: absolute;
|
|
3753
|
-
height: 0;
|
|
3754
|
-
width: 0;
|
|
3755
|
-
line-height: 0;
|
|
3756
|
-
}
|
|
3757
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=top] {
|
|
3758
|
-
margin-top: -8px;
|
|
3759
|
-
}
|
|
3760
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=top]::before {
|
|
3761
|
-
bottom: -8px;
|
|
3762
|
-
}
|
|
3763
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=top]::after {
|
|
3764
|
-
bottom: -6px;
|
|
3765
|
-
}
|
|
3766
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=top]::before, .components-popover:not(.is-without-arrow)[data-y-axis=top]::after {
|
|
3767
|
-
border-bottom: none;
|
|
3768
|
-
border-left-color: transparent;
|
|
3769
|
-
border-right-color: transparent;
|
|
3770
|
-
border-top-style: solid;
|
|
3771
|
-
margin-left: -10px;
|
|
3772
|
-
}
|
|
3773
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=bottom] {
|
|
3774
|
-
margin-top: 8px;
|
|
3775
|
-
}
|
|
3776
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before {
|
|
3777
|
-
top: -8px;
|
|
3778
|
-
}
|
|
3779
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after {
|
|
3780
|
-
top: -6px;
|
|
3781
|
-
}
|
|
3782
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before, .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after {
|
|
3783
|
-
border-bottom-style: solid;
|
|
3784
|
-
border-left-color: transparent;
|
|
3785
|
-
border-right-color: transparent;
|
|
3786
|
-
border-top: none;
|
|
3787
|
-
margin-left: -10px;
|
|
3788
|
-
}
|
|
3789
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] {
|
|
3790
|
-
margin-left: -8px;
|
|
3791
|
-
}
|
|
3792
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before {
|
|
3793
|
-
right: -8px;
|
|
3794
|
-
}
|
|
3795
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after {
|
|
3796
|
-
right: -6px;
|
|
3797
|
-
}
|
|
3798
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after {
|
|
3799
|
-
border-bottom-color: transparent;
|
|
3800
|
-
border-left-style: solid;
|
|
3801
|
-
border-right: none;
|
|
3802
|
-
border-top-color: transparent;
|
|
3803
|
-
}
|
|
3804
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] {
|
|
3805
|
-
margin-left: 8px;
|
|
3806
|
-
}
|
|
3807
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before {
|
|
3808
|
-
left: -8px;
|
|
3809
|
-
}
|
|
3810
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after {
|
|
3811
|
-
left: -6px;
|
|
3812
|
-
}
|
|
3813
|
-
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after {
|
|
3814
|
-
border-bottom-color: transparent;
|
|
3815
|
-
border-left: none;
|
|
3816
|
-
border-right-style: solid;
|
|
3817
|
-
border-top-color: transparent;
|
|
3818
|
-
}
|
|
3819
|
-
.components-popover[data-y-axis=top] {
|
|
3820
|
-
bottom: 100%;
|
|
3821
|
-
}
|
|
3822
|
-
.components-popover[data-y-axis=bottom] {
|
|
3823
|
-
top: 100%;
|
|
3824
|
-
}
|
|
3825
|
-
.components-popover[data-y-axis=middle] {
|
|
3826
|
-
align-items: center;
|
|
3827
|
-
display: flex;
|
|
3828
|
-
}
|
|
3829
|
-
.components-popover.is-from-top {
|
|
3830
|
-
margin-top: 12px;
|
|
3831
|
-
}
|
|
3832
|
-
.components-popover.is-from-bottom {
|
|
3833
|
-
margin-top: -12px;
|
|
3834
|
-
}
|
|
3835
|
-
.components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) {
|
|
3836
|
-
margin-left: 12px;
|
|
3837
|
-
}
|
|
3838
|
-
.components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) {
|
|
3839
|
-
margin-right: 12px;
|
|
3840
|
-
}
|
|
3841
3719
|
|
|
3842
3720
|
.components-popover__content {
|
|
3843
|
-
height: 100%;
|
|
3844
3721
|
background: #fff;
|
|
3845
|
-
|
|
3722
|
+
outline: 1px solid #ccc;
|
|
3846
3723
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
|
|
3847
3724
|
border-radius: 2px;
|
|
3725
|
+
box-sizing: border-box;
|
|
3726
|
+
width: min-content;
|
|
3848
3727
|
}
|
|
3849
3728
|
.is-alternate .components-popover__content {
|
|
3850
|
-
|
|
3729
|
+
outline: 1px solid #1e1e1e;
|
|
3851
3730
|
box-shadow: none;
|
|
3852
3731
|
}
|
|
3853
|
-
.components-popover .components-popover__content {
|
|
3854
|
-
position: absolute;
|
|
3855
|
-
height: auto;
|
|
3856
|
-
overflow-y: auto;
|
|
3857
|
-
}
|
|
3858
3732
|
.components-popover.is-expanded .components-popover__content {
|
|
3859
3733
|
position: static;
|
|
3860
3734
|
height: calc(100% - 48px);
|
|
3861
3735
|
overflow-y: visible;
|
|
3862
3736
|
min-width: auto;
|
|
3863
3737
|
border: none;
|
|
3738
|
+
outline: none;
|
|
3864
3739
|
border-top: 1px solid #1e1e1e;
|
|
3865
3740
|
}
|
|
3866
|
-
.components-popover[data-y-axis=top] .components-popover__content {
|
|
3867
|
-
bottom: 100%;
|
|
3868
|
-
}
|
|
3869
|
-
.components-popover[data-x-axis=center] .components-popover__content {
|
|
3870
|
-
left: 50%;
|
|
3871
|
-
transform: translateX(-50%);
|
|
3872
|
-
}
|
|
3873
|
-
.components-popover[data-x-axis=right] .components-popover__content {
|
|
3874
|
-
position: absolute;
|
|
3875
|
-
left: 100%;
|
|
3876
|
-
}
|
|
3877
|
-
.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content {
|
|
3878
|
-
margin-left: -25px;
|
|
3879
|
-
}
|
|
3880
|
-
.components-popover[data-x-axis=left] .components-popover__content {
|
|
3881
|
-
position: absolute;
|
|
3882
|
-
right: 100%;
|
|
3883
|
-
}
|
|
3884
|
-
.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content {
|
|
3885
|
-
margin-right: -25px;
|
|
3886
|
-
}
|
|
3887
3741
|
|
|
3888
3742
|
.components-popover__header {
|
|
3889
3743
|
align-items: center;
|
|
@@ -3905,7 +3759,18 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
3905
3759
|
z-index: 5;
|
|
3906
3760
|
}
|
|
3907
3761
|
|
|
3908
|
-
|
|
3762
|
+
.components-popover__arrow {
|
|
3763
|
+
position: absolute;
|
|
3764
|
+
background: #ccc;
|
|
3765
|
+
width: 8px;
|
|
3766
|
+
height: 8px;
|
|
3767
|
+
transform: rotate(45deg);
|
|
3768
|
+
z-index: -1;
|
|
3769
|
+
}
|
|
3770
|
+
.is-alternate .components-popover__arrow {
|
|
3771
|
+
background: #1e1e1e;
|
|
3772
|
+
}
|
|
3773
|
+
|
|
3909
3774
|
.components-radio-control {
|
|
3910
3775
|
display: flex;
|
|
3911
3776
|
flex-direction: column;
|
|
@@ -4437,7 +4302,7 @@ body.lockscroll {
|
|
|
4437
4302
|
box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
4438
4303
|
}
|
|
4439
4304
|
.components-tab-panel__tabs-item.is-active {
|
|
4440
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -
|
|
4305
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color);
|
|
4441
4306
|
position: relative;
|
|
4442
4307
|
}
|
|
4443
4308
|
.components-tab-panel__tabs-item.is-active::before {
|
|
@@ -4447,13 +4312,13 @@ body.lockscroll {
|
|
|
4447
4312
|
bottom: 1px;
|
|
4448
4313
|
right: 0;
|
|
4449
4314
|
left: 0;
|
|
4450
|
-
border-bottom:
|
|
4315
|
+
border-bottom: 1.5px solid transparent;
|
|
4451
4316
|
}
|
|
4452
4317
|
.components-tab-panel__tabs-item:focus {
|
|
4453
4318
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
4454
4319
|
}
|
|
4455
4320
|
.components-tab-panel__tabs-item.is-active:focus {
|
|
4456
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -
|
|
4321
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color);
|
|
4457
4322
|
}
|
|
4458
4323
|
|
|
4459
4324
|
.components-text-control__input,
|
|
@@ -4738,12 +4603,29 @@ body.lockscroll {
|
|
|
4738
4603
|
display: inline-flex;
|
|
4739
4604
|
flex-shrink: 0;
|
|
4740
4605
|
flex-wrap: wrap;
|
|
4606
|
+
padding-left: 6px;
|
|
4607
|
+
padding-right: 6px;
|
|
4741
4608
|
line-height: 0;
|
|
4742
4609
|
}
|
|
4743
4610
|
.components-toolbar-group .components-toolbar-group.components-toolbar-group {
|
|
4744
4611
|
border-width: 0;
|
|
4745
4612
|
margin: 0;
|
|
4746
4613
|
}
|
|
4614
|
+
.components-toolbar-group .components-button.components-button,
|
|
4615
|
+
.components-toolbar-group .components-button.has-icon.has-icon {
|
|
4616
|
+
min-width: 36px;
|
|
4617
|
+
padding-left: 6px;
|
|
4618
|
+
padding-right: 6px;
|
|
4619
|
+
}
|
|
4620
|
+
.components-toolbar-group .components-button.components-button svg,
|
|
4621
|
+
.components-toolbar-group .components-button.has-icon.has-icon svg {
|
|
4622
|
+
min-width: 24px;
|
|
4623
|
+
}
|
|
4624
|
+
.components-toolbar-group .components-button.components-button::before,
|
|
4625
|
+
.components-toolbar-group .components-button.has-icon.has-icon::before {
|
|
4626
|
+
left: 2px;
|
|
4627
|
+
right: 2px;
|
|
4628
|
+
}
|
|
4747
4629
|
|
|
4748
4630
|
.components-toolbar {
|
|
4749
4631
|
min-height: 48px;
|
|
@@ -4796,14 +4678,13 @@ div.components-toolbar > div + div.has-left-divider::before {
|
|
|
4796
4678
|
background: #1e1e1e;
|
|
4797
4679
|
border-radius: 2px;
|
|
4798
4680
|
border-width: 0;
|
|
4681
|
+
outline: none;
|
|
4799
4682
|
color: #fff;
|
|
4800
4683
|
white-space: nowrap;
|
|
4801
4684
|
text-align: center;
|
|
4802
4685
|
line-height: 1.4;
|
|
4803
4686
|
font-size: 12px;
|
|
4804
4687
|
box-shadow: none;
|
|
4805
|
-
}
|
|
4806
|
-
.components-tooltip .components-popover__content > div {
|
|
4807
4688
|
padding: 4px 8px;
|
|
4808
4689
|
}
|
|
4809
4690
|
|
|
@@ -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,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAkHtD,QAAA,MAAM,yBAAyB,mFAG9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
|
@@ -20,7 +20,9 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
20
20
|
hideLabelFromVision?: boolean | undefined;
|
|
21
21
|
label?: string | undefined;
|
|
22
22
|
enableStyle?: boolean | undefined;
|
|
23
|
-
|
|
23
|
+
popoverPlacement?: string | undefined;
|
|
24
|
+
popoverOffset?: number | undefined;
|
|
25
|
+
__next36pxDefaultSize?: boolean | undefined;
|
|
24
26
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
25
27
|
slot?: string | undefined;
|
|
26
28
|
style?: import("react").CSSProperties | 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;;;;;;+BA4DlD,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;;;;;;+BA4DlD,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCjB"}
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB1D"}
|
|
@@ -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":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAsFnD,QAAA,MAAM,sCAAsC,gFAG3C,CAAC;AACF,eAAe,sCAAsC,CAAC"}
|
|
@@ -11,8 +11,10 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
11
11
|
__experimentalIsRenderedInSidebar?: boolean | undefined;
|
|
12
12
|
enableStyle?: boolean | undefined;
|
|
13
13
|
onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
|
|
14
|
-
|
|
14
|
+
popoverPlacement?: string | undefined;
|
|
15
|
+
popoverOffset?: number | undefined;
|
|
15
16
|
value?: import("../types").Borders | undefined;
|
|
17
|
+
__next36pxDefaultSize?: boolean | undefined;
|
|
16
18
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
19
|
slot?: string | undefined;
|
|
18
20
|
style?: import("react").CSSProperties | 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB3D"}
|
|
@@ -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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Borders } from './types';
|
|
2
2
|
export declare const BorderBoxControl: import("@emotion/utils").SerializedStyles;
|
|
3
3
|
export declare const LinkedBorderControl: import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export declare const BorderBoxControlLinkedButton: import("@emotion/utils").SerializedStyles;
|
|
5
|
-
export declare const BorderBoxControlVisualizer: (borders?: Borders | undefined) => import("@emotion/utils").SerializedStyles;
|
|
4
|
+
export declare const BorderBoxControlLinkedButton: (__next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
|
|
5
|
+
export declare const BorderBoxControlVisualizer: (borders?: Borders | undefined, __next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
|
|
6
6
|
export declare const BorderBoxControlSplitControls: import("@emotion/utils").SerializedStyles;
|
|
7
7
|
export declare const CenteredBorderControl: import("@emotion/utils").SerializedStyles;
|
|
8
8
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-box-control/styles.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,gBAAgB,2CAAQ,CAAC;AAEtC,eAAO,MAAM,mBAAmB,2CAE/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-box-control/styles.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,gBAAgB,2CAAQ,CAAC;AAEtC,eAAO,MAAM,mBAAmB,2CAE/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,4FAQxC,CAAC;AAiBF,eAAO,MAAM,0BAA0B,2HAmBtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,2CAIzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAGjC,CAAC"}
|
|
@@ -11,13 +11,6 @@ export declare type Borders = {
|
|
|
11
11
|
export declare type AnyBorder = Border | Borders | undefined;
|
|
12
12
|
export declare type BorderProp = keyof Border;
|
|
13
13
|
export declare type BorderSide = keyof Borders;
|
|
14
|
-
export declare type PopoverClassNames = {
|
|
15
|
-
linked?: string;
|
|
16
|
-
top?: string;
|
|
17
|
-
right?: string;
|
|
18
|
-
bottom?: string;
|
|
19
|
-
left?: string;
|
|
20
|
-
};
|
|
21
14
|
export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
22
15
|
/**
|
|
23
16
|
* This controls whether to support border style selections.
|
|
@@ -30,10 +23,13 @@ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
|
30
23
|
*/
|
|
31
24
|
onChange: (value: AnyBorder) => void;
|
|
32
25
|
/**
|
|
33
|
-
*
|
|
34
|
-
|
|
26
|
+
* The position of the color popovers compared to the control wrapper.
|
|
27
|
+
*/
|
|
28
|
+
popoverPlacement?: string;
|
|
29
|
+
/**
|
|
30
|
+
* The space between the popover and the control wrapper.
|
|
35
31
|
*/
|
|
36
|
-
|
|
32
|
+
popoverOffset?: number;
|
|
37
33
|
/**
|
|
38
34
|
* An object representing the current border configuration.
|
|
39
35
|
*
|
|
@@ -42,6 +38,13 @@ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
|
42
38
|
* properties but for each side; `top`, `right`, `bottom`, and `left`.
|
|
43
39
|
*/
|
|
44
40
|
value: AnyBorder;
|
|
41
|
+
/**
|
|
42
|
+
* Start opting into the larger default height that will become the
|
|
43
|
+
* default size in a future version.
|
|
44
|
+
*
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
__next36pxDefaultSize?: boolean;
|
|
45
48
|
};
|
|
46
49
|
export declare type LinkedButtonProps = {
|
|
47
50
|
/**
|
|
@@ -56,6 +59,13 @@ export declare type LinkedButtonProps = {
|
|
|
56
59
|
* `BorderBoxControl`.
|
|
57
60
|
*/
|
|
58
61
|
onClick: () => void;
|
|
62
|
+
/**
|
|
63
|
+
* Start opting into the larger default height that will become the
|
|
64
|
+
* default size in a future version.
|
|
65
|
+
*
|
|
66
|
+
* @default false
|
|
67
|
+
*/
|
|
68
|
+
__next36pxDefaultSize?: boolean;
|
|
59
69
|
};
|
|
60
70
|
export declare type VisualizerProps = {
|
|
61
71
|
/**
|
|
@@ -64,6 +74,13 @@ export declare type VisualizerProps = {
|
|
|
64
74
|
* color, style, and width.
|
|
65
75
|
*/
|
|
66
76
|
value?: Borders;
|
|
77
|
+
/**
|
|
78
|
+
* Start opting into the larger default height that will become the
|
|
79
|
+
* default size in a future version.
|
|
80
|
+
*
|
|
81
|
+
* @default false
|
|
82
|
+
*/
|
|
83
|
+
__next36pxDefaultSize?: boolean;
|
|
67
84
|
};
|
|
68
85
|
export declare type SplitControlsProps = ColorProps & {
|
|
69
86
|
/**
|
|
@@ -77,15 +94,25 @@ export declare type SplitControlsProps = ColorProps & {
|
|
|
77
94
|
*/
|
|
78
95
|
onChange: (value: Border | undefined, side: BorderSide) => void;
|
|
79
96
|
/**
|
|
80
|
-
*
|
|
81
|
-
|
|
97
|
+
* The position of the color popovers compared to the control wrapper.
|
|
98
|
+
*/
|
|
99
|
+
popoverPlacement?: string;
|
|
100
|
+
/**
|
|
101
|
+
* The space between the popover and the control wrapper.
|
|
82
102
|
*/
|
|
83
|
-
|
|
103
|
+
popoverOffset?: number;
|
|
84
104
|
/**
|
|
85
105
|
* An object representing the current border configuration. It contains
|
|
86
106
|
* properties for each side, with each side an object reflecting the border
|
|
87
107
|
* color, style, and width.
|
|
88
108
|
*/
|
|
89
109
|
value?: Borders;
|
|
110
|
+
/**
|
|
111
|
+
* Start opting into the larger default height that will become the
|
|
112
|
+
* default size in a future version.
|
|
113
|
+
*
|
|
114
|
+
* @default false
|
|
115
|
+
*/
|
|
116
|
+
__next36pxDefaultSize?: boolean;
|
|
90
117
|
};
|
|
91
118
|
//# 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;AAE9E,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,
|
|
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;AAE9E,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,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEH,oBAAY,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,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,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAkG/D,QAAA,MAAM,sBAAsB,gFAAmD,CAAC;AAEhF,eAAe,sBAAsB,CAAC"}
|
|
@@ -13,6 +13,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
13
13
|
widthControlClassName: string;
|
|
14
14
|
widthUnit: string;
|
|
15
15
|
widthValue: number | undefined;
|
|
16
|
+
__next36pxDefaultSize: boolean;
|
|
16
17
|
colors?: import("../types").Colors | undefined;
|
|
17
18
|
disableCustomColors?: boolean | undefined;
|
|
18
19
|
enableAlpha?: boolean | undefined;
|
|
@@ -21,7 +22,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
21
22
|
hideLabelFromVision?: boolean | undefined;
|
|
22
23
|
label?: string | undefined;
|
|
23
24
|
enableStyle?: boolean | undefined;
|
|
24
|
-
|
|
25
|
+
__unstablePopoverProps?: Record<string, unknown> | undefined;
|
|
25
26
|
showDropdownHeader?: boolean | undefined;
|
|
26
27
|
withSlider?: boolean | undefined;
|
|
27
28
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;4BA2EjD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ChB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAIX,aAAa,EAEb,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAIX,aAAa,EAEb,MAAM,UAAU,CAAC;AA8NlB,QAAA,MAAM,8BAA8B,2EAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
|
|
@@ -18,6 +18,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
18
18
|
enableAlpha?: boolean | undefined;
|
|
19
19
|
__experimentalHasMultipleOrigins?: boolean | undefined;
|
|
20
20
|
__experimentalIsRenderedInSidebar?: boolean | undefined;
|
|
21
|
+
__unstablePopoverProps?: Record<string, unknown> | undefined;
|
|
21
22
|
enableStyle?: boolean | undefined;
|
|
22
23
|
showDropdownHeader?: boolean | undefined;
|
|
23
24
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFtD"}
|
|
@@ -3,9 +3,10 @@ import type { Border } from './types';
|
|
|
3
3
|
export declare const borderControl: import("@emotion/utils").SerializedStyles;
|
|
4
4
|
export declare const innerWrapper: () => import("@emotion/utils").SerializedStyles;
|
|
5
5
|
export declare const wrapperWidth: (width: CSSProperties['width']) => import("@emotion/utils").SerializedStyles;
|
|
6
|
+
export declare const wrapperHeight: (__next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
|
|
6
7
|
export declare const borderControlDropdown: () => import("@emotion/utils").SerializedStyles;
|
|
7
8
|
export declare const colorIndicatorBorder: (border?: Border | undefined) => import("@emotion/utils").SerializedStyles;
|
|
8
|
-
export declare const colorIndicatorWrapper: (border?: Border | undefined) => import("@emotion/utils").SerializedStyles;
|
|
9
|
+
export declare const colorIndicatorWrapper: (border?: Border | undefined, __next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
|
|
9
10
|
export declare const borderControlPopover: import("@emotion/utils").SerializedStyles;
|
|
10
11
|
export declare const borderControlPopoverControls: import("@emotion/utils").SerializedStyles;
|
|
11
12
|
export declare const borderControlPopoverContent: import("@emotion/utils").SerializedStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAiB3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAwCxB,CAAC;AAEF,eAAO,MAAM,YAAY,UAAY,aAAa,CAAE,OAAO,CAAE,8CAK5D,CAAC;AAMF,eAAO,MAAM,aAAa,4FAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAyBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAqCjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAMhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CASvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iDAe9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDASxB,CAAC"}
|