@wordpress/components 22.1.0 → 23.1.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 +67 -0
- package/CONTRIBUTING.md +0 -21
- package/build/alignment-matrix-control/cell.js.map +1 -1
- package/build/alignment-matrix-control/icon.js +4 -2
- package/build/alignment-matrix-control/icon.js.map +1 -1
- package/build/alignment-matrix-control/index.js +25 -1
- package/build/alignment-matrix-control/index.js.map +1 -1
- package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js +13 -13
- package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map +1 -1
- package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +16 -16
- package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
- package/build/alignment-matrix-control/types.js +6 -0
- package/build/alignment-matrix-control/types.js.map +1 -0
- package/build/alignment-matrix-control/utils.js +9 -8
- package/build/alignment-matrix-control/utils.js.map +1 -1
- package/build/angle-picker-control/styles/angle-picker-control-styles.js +9 -9
- package/build/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
- package/build/autocomplete/index.js +39 -12
- package/build/autocomplete/index.js.map +1 -1
- package/build/base-control/hooks.js +52 -0
- package/build/base-control/hooks.js.map +1 -0
- package/build/base-control/index.js +24 -7
- package/build/base-control/index.js.map +1 -1
- package/build/base-field/hook.js +0 -14
- package/build/base-field/hook.js.map +1 -1
- package/build/base-field/index.js.map +1 -1
- package/build/base-field/styles.js +5 -5
- package/build/base-field/styles.js.map +1 -1
- package/build/base-field/types.js +6 -0
- package/build/base-field/types.js.map +1 -0
- package/build/border-box-control/border-box-control/component.js +0 -3
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control/hook.js +0 -2
- package/build/border-box-control/border-box-control/hook.js.map +1 -1
- package/build/border-box-control/border-box-control-split-controls/component.js +0 -2
- 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 +0 -2
- package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
- package/build/border-control/border-control/component.js +1 -2
- package/build/border-control/border-control/component.js.map +1 -1
- package/build/border-control/border-control/hook.js +0 -2
- package/build/border-control/border-control/hook.js.map +1 -1
- package/build/border-control/border-control-dropdown/component.js +6 -11
- package/build/border-control/border-control-dropdown/component.js.map +1 -1
- package/build/border-control/border-control-dropdown/hook.js +0 -2
- package/build/border-control/border-control-dropdown/hook.js.map +1 -1
- package/build/border-control/styles.js +16 -16
- package/build/border-control/styles.js.map +1 -1
- package/build/box-control/linked-button.js +3 -4
- package/build/box-control/linked-button.js.map +1 -1
- package/build/color-palette/index.js +7 -15
- package/build/color-palette/index.js.map +1 -1
- package/build/color-picker/input-with-slider.js +1 -0
- package/build/color-picker/input-with-slider.js.map +1 -1
- package/build/color-picker/styles.js +8 -8
- package/build/color-picker/styles.js.map +1 -1
- package/build/custom-select-control/index.js +14 -2
- package/build/custom-select-control/index.js.map +1 -1
- package/build/dashicon/index.js +1 -4
- package/build/dashicon/index.js.map +1 -1
- package/build/date-time/date-time/index.js +4 -4
- package/build/date-time/date-time/index.js.map +1 -1
- package/build/dimension-control/index.js.map +1 -1
- package/build/dropdown/index.js +45 -10
- package/build/dropdown/index.js.map +1 -1
- package/build/duotone-picker/duotone-picker.js +2 -2
- package/build/duotone-picker/duotone-picker.js.map +1 -1
- package/build/gradient-picker/index.js +4 -11
- package/build/gradient-picker/index.js.map +1 -1
- package/build/higher-order/navigate-regions/index.js +4 -3
- package/build/higher-order/navigate-regions/index.js.map +1 -1
- package/build/higher-order/with-fallback-styles/index.js +2 -2
- package/build/higher-order/with-fallback-styles/index.js.map +1 -1
- package/build/index.js +13 -9
- package/build/index.js.map +1 -1
- package/build/input-control/index.js +17 -5
- package/build/input-control/index.js.map +1 -1
- package/build/input-control/input-base.js +2 -0
- package/build/input-control/input-base.js.map +1 -1
- package/build/mobile/bottom-sheet/cell.native.js +1 -1
- package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet/picker-cell.native.js +1 -9
- package/build/mobile/bottom-sheet/picker-cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet/switch-cell.native.js +1 -3
- package/build/mobile/bottom-sheet/switch-cell.native.js.map +1 -1
- package/build/mobile/global-styles-context/index.native.js +8 -8
- package/build/mobile/global-styles-context/index.native.js.map +1 -1
- package/build/mobile/global-styles-context/utils.native.js +30 -12
- package/build/mobile/global-styles-context/utils.native.js.map +1 -1
- package/build/mobile/keyboard-aware-flat-list/index.ios.js +4 -2
- package/build/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
- package/build/modal/index.js +8 -0
- package/build/modal/index.js.map +1 -1
- package/build/navigator/navigator-provider/component.js +12 -8
- package/build/navigator/navigator-provider/component.js.map +1 -1
- package/build/number-control/styles/number-control-styles.js +8 -8
- package/build/number-control/styles/number-control-styles.js.map +1 -1
- package/build/palette-edit/index.js +72 -33
- package/build/palette-edit/index.js.map +1 -1
- package/build/popover/index.js +10 -2
- package/build/popover/index.js.map +1 -1
- package/build/query-controls/index.js +1 -0
- package/build/query-controls/index.js.map +1 -1
- package/build/snackbar/index.js +35 -24
- package/build/snackbar/index.js.map +1 -1
- package/build/snackbar/list.js +14 -19
- package/build/snackbar/list.js.map +1 -1
- package/build/snackbar/types.js +6 -0
- package/build/snackbar/types.js.map +1 -0
- package/build/tab-panel/index.js +15 -9
- package/build/tab-panel/index.js.map +1 -1
- package/build/theme/color-algorithms.js +118 -0
- package/build/theme/color-algorithms.js.map +1 -0
- package/build/theme/index.js +21 -18
- package/build/theme/index.js.map +1 -1
- package/build/theme/styles.js +10 -7
- package/build/theme/styles.js.map +1 -1
- package/build/toggle-control/index.js +5 -2
- package/build/toggle-control/index.js.map +1 -1
- package/build/ui/context/context-system-provider.js +3 -1
- package/build/ui/context/context-system-provider.js.map +1 -1
- package/build/unit-control/index.js +5 -2
- package/build/unit-control/index.js.map +1 -1
- package/build/utils/colors-values.js +1 -1
- package/build/utils/colors-values.js.map +1 -1
- package/build/utils/config-values.js +0 -2
- package/build/utils/config-values.js.map +1 -1
- package/build/utils/hooks/use-controlled-value.js.map +1 -1
- package/build-module/alignment-matrix-control/cell.js.map +1 -1
- package/build-module/alignment-matrix-control/icon.js +4 -2
- package/build-module/alignment-matrix-control/icon.js.map +1 -1
- package/build-module/alignment-matrix-control/index.js +23 -1
- package/build-module/alignment-matrix-control/index.js.map +1 -1
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js +13 -13
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map +1 -1
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js +16 -16
- package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
- package/build-module/alignment-matrix-control/types.js +2 -0
- package/build-module/alignment-matrix-control/types.js.map +1 -0
- package/build-module/alignment-matrix-control/utils.js +13 -8
- package/build-module/alignment-matrix-control/utils.js.map +1 -1
- package/build-module/angle-picker-control/styles/angle-picker-control-styles.js +9 -9
- package/build-module/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
- package/build-module/autocomplete/index.js +39 -11
- package/build-module/autocomplete/index.js.map +1 -1
- package/build-module/base-control/hooks.js +41 -0
- package/build-module/base-control/hooks.js.map +1 -0
- package/build-module/base-control/index.js +18 -8
- package/build-module/base-control/index.js.map +1 -1
- package/build-module/base-field/hook.js +0 -14
- package/build-module/base-field/hook.js.map +1 -1
- package/build-module/base-field/index.js.map +1 -1
- package/build-module/base-field/styles.js +5 -5
- package/build-module/base-field/styles.js.map +1 -1
- package/build-module/base-field/types.js +2 -0
- package/build-module/base-field/types.js.map +1 -0
- package/build-module/border-box-control/border-box-control/component.js +0 -3
- 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 +0 -2
- package/build-module/border-box-control/border-box-control/hook.js.map +1 -1
- package/build-module/border-box-control/border-box-control-split-controls/component.js +0 -2
- 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 +0 -2
- package/build-module/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
- package/build-module/border-control/border-control/component.js +1 -2
- package/build-module/border-control/border-control/component.js.map +1 -1
- package/build-module/border-control/border-control/hook.js +0 -2
- package/build-module/border-control/border-control/hook.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/component.js +6 -11
- package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/hook.js +0 -2
- package/build-module/border-control/border-control-dropdown/hook.js.map +1 -1
- package/build-module/border-control/styles.js +17 -17
- package/build-module/border-control/styles.js.map +1 -1
- package/build-module/box-control/linked-button.js +3 -4
- package/build-module/box-control/linked-button.js.map +1 -1
- package/build-module/color-palette/index.js +7 -15
- package/build-module/color-palette/index.js.map +1 -1
- package/build-module/color-picker/input-with-slider.js +1 -0
- package/build-module/color-picker/input-with-slider.js.map +1 -1
- package/build-module/color-picker/styles.js +8 -8
- package/build-module/color-picker/styles.js.map +1 -1
- package/build-module/custom-select-control/index.js +14 -2
- package/build-module/custom-select-control/index.js.map +1 -1
- package/build-module/dashicon/index.js +1 -4
- package/build-module/dashicon/index.js.map +1 -1
- package/build-module/date-time/date-time/index.js +4 -4
- package/build-module/date-time/date-time/index.js.map +1 -1
- package/build-module/dimension-control/index.js +1 -2
- package/build-module/dimension-control/index.js.map +1 -1
- package/build-module/dropdown/index.js +44 -10
- package/build-module/dropdown/index.js.map +1 -1
- package/build-module/duotone-picker/duotone-picker.js +2 -2
- package/build-module/duotone-picker/duotone-picker.js.map +1 -1
- package/build-module/gradient-picker/index.js +4 -10
- package/build-module/gradient-picker/index.js.map +1 -1
- package/build-module/higher-order/navigate-regions/index.js +4 -3
- package/build-module/higher-order/navigate-regions/index.js.map +1 -1
- package/build-module/higher-order/with-fallback-styles/index.js +2 -2
- package/build-module/higher-order/with-fallback-styles/index.js.map +1 -1
- package/build-module/index.js +2 -3
- package/build-module/index.js.map +1 -1
- package/build-module/input-control/index.js +16 -5
- package/build-module/input-control/index.js.map +1 -1
- package/build-module/input-control/input-base.js +2 -0
- package/build-module/input-control/input-base.js.map +1 -1
- package/build-module/mobile/bottom-sheet/cell.native.js +1 -1
- package/build-module/mobile/bottom-sheet/cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/picker-cell.native.js +1 -8
- package/build-module/mobile/bottom-sheet/picker-cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/switch-cell.native.js +1 -2
- package/build-module/mobile/bottom-sheet/switch-cell.native.js.map +1 -1
- package/build-module/mobile/global-styles-context/index.native.js +8 -7
- package/build-module/mobile/global-styles-context/index.native.js.map +1 -1
- package/build-module/mobile/global-styles-context/utils.native.js +31 -13
- package/build-module/mobile/global-styles-context/utils.native.js.map +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/index.ios.js +2 -2
- package/build-module/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
- package/build-module/modal/index.js +8 -0
- package/build-module/modal/index.js.map +1 -1
- package/build-module/navigator/navigator-provider/component.js +12 -8
- package/build-module/navigator/navigator-provider/component.js.map +1 -1
- package/build-module/number-control/styles/number-control-styles.js +8 -10
- package/build-module/number-control/styles/number-control-styles.js.map +1 -1
- package/build-module/palette-edit/index.js +73 -34
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/popover/index.js +10 -2
- package/build-module/popover/index.js.map +1 -1
- package/build-module/query-controls/index.js +1 -0
- package/build-module/query-controls/index.js.map +1 -1
- package/build-module/snackbar/index.js +33 -23
- package/build-module/snackbar/index.js.map +1 -1
- package/build-module/snackbar/list.js +14 -22
- package/build-module/snackbar/list.js.map +1 -1
- package/build-module/snackbar/types.js +2 -0
- package/build-module/snackbar/types.js.map +1 -0
- package/build-module/tab-panel/index.js +15 -8
- package/build-module/tab-panel/index.js.map +1 -1
- package/build-module/theme/color-algorithms.js +105 -0
- package/build-module/theme/color-algorithms.js.map +1 -0
- package/build-module/theme/index.js +21 -17
- package/build-module/theme/index.js.map +1 -1
- package/build-module/theme/styles.js +8 -6
- package/build-module/theme/styles.js.map +1 -1
- package/build-module/toggle-control/index.js +4 -2
- package/build-module/toggle-control/index.js.map +1 -1
- package/build-module/ui/context/context-system-provider.js +3 -2
- package/build-module/ui/context/context-system-provider.js.map +1 -1
- package/build-module/unit-control/index.js +5 -2
- package/build-module/unit-control/index.js.map +1 -1
- package/build-module/utils/colors-values.js +1 -1
- package/build-module/utils/colors-values.js.map +1 -1
- package/build-module/utils/config-values.js +0 -2
- package/build-module/utils/config-values.js.map +1 -1
- package/build-module/utils/hooks/use-controlled-value.js.map +1 -1
- package/build-style/style-rtl.css +108 -104
- package/build-style/style.css +108 -104
- package/build-types/alignment-matrix-control/cell.d.ts +5 -0
- package/build-types/alignment-matrix-control/cell.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/icon.d.ts +6 -0
- package/build-types/alignment-matrix-control/icon.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/index.d.ts +30 -0
- package/build-types/alignment-matrix-control/index.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/stories/index.d.ts +14 -0
- package/build-types/alignment-matrix-control/stories/index.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts +19 -0
- package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts +23 -0
- package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/test/index.d.ts +2 -0
- package/build-types/alignment-matrix-control/test/index.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/types.d.ts +39 -0
- package/build-types/alignment-matrix-control/types.d.ts.map +1 -0
- package/build-types/alignment-matrix-control/utils.d.ts +33 -0
- package/build-types/alignment-matrix-control/utils.d.ts.map +1 -0
- package/build-types/base-control/hooks.d.ts +23 -0
- package/build-types/base-control/hooks.d.ts.map +1 -0
- package/build-types/base-control/index.d.ts +17 -7
- package/build-types/base-control/index.d.ts.map +1 -1
- package/build-types/base-control/stories/index.d.ts.map +1 -1
- package/build-types/base-control/test/index.d.ts +2 -0
- package/build-types/base-control/test/index.d.ts.map +1 -0
- package/build-types/base-control/types.d.ts +8 -2
- package/build-types/base-control/types.d.ts.map +1 -1
- package/build-types/base-field/hook.d.ts +7 -31
- package/build-types/base-field/hook.d.ts.map +1 -1
- package/build-types/base-field/index.d.ts +1 -1
- package/build-types/base-field/index.d.ts.map +1 -1
- package/build-types/base-field/styles.d.ts +5 -5
- package/build-types/base-field/styles.d.ts.map +1 -1
- package/build-types/base-field/test/index.d.ts +2 -0
- package/build-types/base-field/test/index.d.ts.map +1 -0
- package/build-types/base-field/types.d.ts +29 -0
- package/build-types/base-field/types.d.ts.map +1 -0
- package/build-types/border-box-control/border-box-control/component.d.ts +1 -1
- 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 +2 -3
- 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 +2 -2
- 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 +2 -3
- 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 +2 -2
- package/build-types/border-box-control/stories/index.d.ts +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 +2 -3
- 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/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +2 -3
- 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 +2 -2
- 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.map +1 -1
- package/build-types/border-control/types.d.ts +1 -1
- package/build-types/border-control/types.d.ts.map +1 -1
- package/build-types/card/card/hook.d.ts +2 -2
- package/build-types/card/card-body/hook.d.ts +2 -2
- package/build-types/card/card-divider/hook.d.ts +2 -2
- package/build-types/card/card-footer/hook.d.ts +2 -2
- package/build-types/card/card-header/hook.d.ts +2 -2
- package/build-types/card/card-media/hook.d.ts +2 -2
- package/build-types/color-palette/index.d.ts +3 -4
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-palette/stories/index.d.ts +6 -14
- package/build-types/color-palette/stories/index.d.ts.map +1 -1
- package/build-types/color-palette/styles.d.ts +1 -1
- package/build-types/color-palette/types.d.ts +4 -17
- package/build-types/color-palette/types.d.ts.map +1 -1
- package/build-types/color-picker/input-with-slider.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +5 -5
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/custom-select-control/index.d.ts.map +1 -1
- package/build-types/dashicon/index.d.ts +6 -20
- package/build-types/dashicon/index.d.ts.map +1 -1
- package/build-types/dashicon/types.d.ts +14 -0
- package/build-types/dashicon/types.d.ts.map +1 -1
- package/build-types/date-time/date/styles.d.ts +3 -3
- package/build-types/date-time/date-time/styles.d.ts +3 -3
- package/build-types/date-time/time/styles.d.ts +8 -8
- package/build-types/disabled/stories/index.d.ts.map +1 -1
- package/build-types/dropdown/index.d.ts +29 -1
- package/build-types/dropdown/index.d.ts.map +1 -1
- package/build-types/dropdown/stories/index.d.ts +23 -0
- package/build-types/dropdown/stories/index.d.ts.map +1 -0
- package/build-types/dropdown/test/index.d.ts +2 -0
- package/build-types/dropdown/test/index.d.ts.map +1 -0
- package/build-types/dropdown/types.d.ts +101 -0
- package/build-types/dropdown/types.d.ts.map +1 -1
- package/build-types/elevation/hook.d.ts +2 -2
- package/build-types/external-link/styles/external-link-styles.d.ts +1 -1
- package/build-types/flex/flex/hook.d.ts +2 -2
- package/build-types/flex/flex-block/hook.d.ts +2 -2
- package/build-types/flex/flex-item/hook.d.ts +2 -2
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +2 -5
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts.map +1 -1
- package/build-types/grid/hook.d.ts +2 -2
- package/build-types/h-stack/component.d.ts +1 -1
- package/build-types/h-stack/hook.d.ts +2 -2
- package/build-types/heading/hook.d.ts +2 -2
- package/build-types/icon/stories/index.d.ts +22 -0
- package/build-types/icon/stories/index.d.ts.map +1 -0
- 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.map +1 -1
- package/build-types/input-control/stories/index.d.ts +1 -0
- package/build-types/input-control/stories/index.d.ts.map +1 -1
- package/build-types/input-control/types.d.ts +2 -1
- package/build-types/input-control/types.d.ts.map +1 -1
- package/build-types/item-group/item/hook.d.ts +2 -2
- package/build-types/item-group/item-group/hook.d.ts +2 -2
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/modal/stories/index.d.ts.map +1 -1
- package/build-types/navigator/navigator-back-button/hook.d.ts +3 -3
- package/build-types/navigator/navigator-button/hook.d.ts +3 -3
- package/build-types/navigator/navigator-provider/component.d.ts.map +1 -1
- package/build-types/number-control/index.d.ts +2 -2
- package/build-types/number-control/index.d.ts.map +1 -1
- package/build-types/number-control/stories/index.d.ts +25 -0
- package/build-types/number-control/stories/index.d.ts.map +1 -0
- package/build-types/number-control/styles/number-control-styles.d.ts +6 -6
- package/build-types/number-control/styles/number-control-styles.d.ts.map +1 -1
- package/build-types/number-control/test/index.d.ts +2 -0
- package/build-types/number-control/test/index.d.ts.map +1 -0
- 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/range-control/index.d.ts +1 -1
- package/build-types/range-control/styles/range-control-styles.d.ts +2 -2
- package/build-types/resizable-box/resize-tooltip/index.d.ts +15 -19
- package/build-types/resizable-box/resize-tooltip/index.d.ts.map +1 -1
- package/build-types/resizable-box/resize-tooltip/label.d.ts +4 -3
- package/build-types/resizable-box/resize-tooltip/label.d.ts.map +1 -1
- package/build-types/scrollable/hook.d.ts +2 -2
- package/build-types/search-control/index.d.ts +1 -1
- package/build-types/search-control/stories/index.d.ts +2 -2
- package/build-types/snackbar/index.d.ts +19 -0
- package/build-types/snackbar/index.d.ts.map +1 -0
- package/build-types/snackbar/list.d.ts +18 -0
- package/build-types/snackbar/list.d.ts.map +1 -0
- package/build-types/snackbar/stories/index.d.ts +16 -0
- package/build-types/snackbar/stories/index.d.ts.map +1 -0
- package/build-types/snackbar/stories/list.d.ts +12 -0
- package/build-types/snackbar/stories/list.d.ts.map +1 -0
- package/build-types/snackbar/types.d.ts +111 -0
- package/build-types/snackbar/types.d.ts.map +1 -0
- package/build-types/spacer/hook.d.ts +2 -2
- package/build-types/spinner/index.d.ts +1 -1
- package/build-types/surface/hook.d.ts +2 -2
- package/build-types/tab-panel/index.d.ts +1 -1
- package/build-types/tab-panel/index.d.ts.map +1 -1
- package/build-types/tab-panel/types.d.ts +19 -1
- package/build-types/tab-panel/types.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +2 -2
- package/build-types/text-control/index.d.ts +2 -2
- package/build-types/text-control/stories/index.d.ts.map +1 -1
- package/build-types/text-control/types.d.ts +1 -5
- package/build-types/text-control/types.d.ts.map +1 -1
- package/build-types/theme/color-algorithms.d.ts +20 -0
- package/build-types/theme/color-algorithms.d.ts.map +1 -0
- package/build-types/theme/index.d.ts +1 -1
- package/build-types/theme/index.d.ts.map +1 -1
- package/build-types/theme/stories/index.d.ts +4 -0
- package/build-types/theme/stories/index.d.ts.map +1 -1
- package/build-types/theme/styles.d.ts +3 -2
- package/build-types/theme/styles.d.ts.map +1 -1
- package/build-types/theme/test/color-algorithms.d.ts +2 -0
- package/build-types/theme/test/color-algorithms.d.ts.map +1 -0
- package/build-types/theme/types.d.ts +41 -3
- package/build-types/theme/types.d.ts.map +1 -1
- package/build-types/toggle-control/index.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts +2 -2
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts +2 -2
- package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts +2 -2
- package/build-types/tools-panel/tools-panel-header/hook.d.ts +2 -2
- package/build-types/tools-panel/tools-panel-item/hook.d.ts +2 -2
- package/build-types/truncate/hook.d.ts +2 -2
- package/build-types/ui/context/context-system-provider.d.ts.map +1 -1
- package/build-types/ui/control-group/hook.d.ts +2 -2
- package/build-types/ui/control-label/hook.d.ts +2 -2
- package/build-types/ui/form-group/form-group.d.ts +2 -2
- package/build-types/ui/form-group/use-form-group.d.ts +5 -5
- package/build-types/unit-control/index.d.ts +2 -1
- package/build-types/unit-control/index.d.ts.map +1 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts +2 -2
- package/build-types/unit-control/types.d.ts +4 -0
- package/build-types/unit-control/types.d.ts.map +1 -1
- package/build-types/utils/config-values.d.ts +0 -2
- package/build-types/utils/hooks/use-controlled-value.d.ts +2 -1
- package/build-types/utils/hooks/use-controlled-value.d.ts.map +1 -1
- package/build-types/v-stack/component.d.ts +2 -2
- package/build-types/v-stack/hook.d.ts +2 -2
- package/build-types/v-stack/stories/index.d.ts +2 -2
- package/package.json +21 -20
- package/src/alignment-matrix-control/README.md +7 -7
- package/src/alignment-matrix-control/{cell.js → cell.tsx} +7 -1
- package/src/alignment-matrix-control/{icon.js → icon.tsx} +6 -3
- package/src/alignment-matrix-control/{index.js → index.tsx} +31 -4
- package/src/alignment-matrix-control/stories/{index.js → index.tsx} +17 -9
- package/src/alignment-matrix-control/styles/{alignment-matrix-control-icon-styles.js → alignment-matrix-control-icon-styles.ts} +11 -3
- package/src/alignment-matrix-control/styles/{alignment-matrix-control-styles.js → alignment-matrix-control-styles.ts} +13 -3
- package/src/alignment-matrix-control/test/{index.js → index.tsx} +5 -5
- package/src/alignment-matrix-control/types.ts +54 -0
- package/src/alignment-matrix-control/{utils.js → utils.tsx} +24 -14
- package/src/angle-picker-control/styles/angle-picker-control-styles.js +4 -0
- package/src/autocomplete/index.js +44 -15
- package/src/autocomplete/test/index.js +2 -0
- package/src/base-control/README.md +21 -12
- package/src/base-control/hooks.ts +45 -0
- package/src/base-control/index.tsx +18 -7
- package/src/base-control/stories/index.tsx +8 -10
- package/src/base-control/test/index.tsx +53 -0
- package/src/base-control/types.ts +8 -2
- package/src/base-field/README.md +21 -22
- package/src/base-field/{hook.js → hook.ts} +5 -15
- package/src/base-field/{index.js → index.ts} +0 -0
- package/src/base-field/{styles.js → styles.ts} +2 -2
- package/src/base-field/test/__snapshots__/{index.js.snap → index.tsx.snap} +4 -4
- package/src/base-field/test/{index.js → index.tsx} +10 -5
- package/src/base-field/types.ts +29 -0
- package/src/border-box-control/border-box-control/README.md +1 -0
- package/src/border-box-control/border-box-control/component.tsx +0 -7
- package/src/border-box-control/border-box-control/hook.ts +0 -2
- package/src/border-box-control/border-box-control-split-controls/component.tsx +0 -2
- package/src/border-box-control/border-box-control-split-controls/hook.ts +0 -2
- package/src/border-box-control/test/index.js +5 -1
- package/src/border-control/border-control/component.tsx +1 -4
- package/src/border-control/border-control/hook.ts +0 -2
- package/src/border-control/border-control-dropdown/component.tsx +11 -17
- package/src/border-control/border-control-dropdown/hook.ts +0 -2
- package/src/border-control/stories/index.tsx +0 -1
- package/src/border-control/styles.ts +1 -10
- package/src/border-control/test/index.js +70 -67
- package/src/border-control/types.ts +1 -4
- package/src/box-control/linked-button.js +8 -11
- package/src/box-control/test/index.js +207 -134
- package/src/button/stories/index.js +30 -0
- package/src/button/style.scss +17 -14
- package/src/button/test/index.js +32 -15
- package/src/card/test/index.tsx +32 -20
- package/src/checkbox-control/test/index.tsx +2 -0
- package/src/circular-option-picker/style.scss +1 -0
- package/src/color-palette/index.tsx +16 -18
- package/src/color-palette/stories/index.tsx +1 -18
- package/src/color-palette/test/__snapshots__/index.tsx.snap +4 -4
- package/src/color-palette/test/index.tsx +86 -36
- package/src/color-palette/types.ts +4 -18
- package/src/color-picker/README.md +1 -0
- package/src/color-picker/input-with-slider.tsx +1 -0
- package/src/color-picker/styles.ts +0 -4
- package/src/color-picker/test/index.js +2 -0
- package/src/combobox-control/test/index.js +2 -0
- package/src/confirm-dialog/README.md +3 -2
- package/src/confirm-dialog/test/index.js +2 -0
- package/src/custom-select-control/README.md +14 -0
- package/src/custom-select-control/index.js +14 -2
- package/src/dashicon/{index.js → index.tsx} +10 -4
- package/src/dashicon/types.ts +17 -0
- package/src/date-time/date/test/index.tsx +2 -0
- package/src/date-time/date-time/index.tsx +2 -2
- package/src/date-time/time/test/index.tsx +2 -0
- package/src/dimension-control/index.js +2 -3
- package/src/dimension-control/test/__snapshots__/index.test.js.snap +4 -8
- package/src/dimension-control/test/index.test.js +2 -0
- package/src/disabled/stories/index.tsx +6 -2
- package/src/disabled/test/index.tsx +23 -11
- package/src/dropdown/README.md +41 -46
- package/src/dropdown/{index.js → index.tsx} +57 -13
- package/src/dropdown/stories/{index.js → index.tsx} +21 -8
- package/src/dropdown/test/index.tsx +88 -0
- package/src/dropdown/types.ts +107 -0
- package/src/dropdown-menu/README.md +2 -3
- package/src/dropdown-menu/test/index.js +20 -12
- package/src/duotone-picker/duotone-picker.js +2 -2
- package/src/external-link/test/index.tsx +2 -0
- package/src/focal-point-picker/test/index.js +2 -0
- package/src/focal-point-picker/test/media.js +26 -21
- package/src/font-size-picker/test/index.tsx +2 -0
- package/src/form-file-upload/test/index.tsx +2 -0
- package/src/form-toggle/test/index.tsx +2 -0
- package/src/form-token-field/style.scss +1 -1
- package/src/form-token-field/test/index.tsx +3 -0
- package/src/gradient-picker/index.js +6 -10
- package/src/gradient-picker/stories/index.js +0 -1
- package/src/grid/test/grid.tsx +31 -31
- package/src/guide/test/index.js +2 -0
- package/src/higher-order/navigate-regions/index.js +5 -2
- package/src/higher-order/navigate-regions/style.scss +13 -59
- package/src/higher-order/with-fallback-styles/index.js +4 -2
- package/src/higher-order/with-filters/test/index.js +32 -43
- package/src/higher-order/with-focus-outside/test/index.js +2 -0
- package/src/higher-order/with-focus-return/test/index.js +3 -4
- package/src/higher-order/with-notices/test/index.js +1 -0
- package/src/icon/stories/index.tsx +103 -0
- package/src/index.js +2 -3
- package/src/input-control/index.tsx +42 -28
- package/src/input-control/input-base.tsx +8 -1
- package/src/input-control/stories/index.tsx +6 -0
- package/src/input-control/test/index.js +21 -0
- package/src/input-control/types.ts +2 -0
- package/src/isolated-event-container/test/index.js +2 -0
- package/src/mobile/bottom-sheet/cell.native.js +1 -1
- package/src/mobile/bottom-sheet/picker-cell.native.js +1 -6
- package/src/mobile/bottom-sheet/switch-cell.native.js +2 -2
- package/src/mobile/global-styles-context/index.native.js +9 -11
- package/src/mobile/global-styles-context/utils.native.js +17 -16
- package/src/mobile/keyboard-aware-flat-list/index.ios.js +2 -2
- package/src/mobile/link-settings/test/edit.native.js +68 -124
- package/src/modal/index.tsx +11 -0
- package/src/modal/stories/index.tsx +3 -0
- package/src/modal/test/index.tsx +13 -0
- package/src/navigable-container/test/navigable-menu.js +2 -0
- package/src/navigable-container/test/tababble-container.js +2 -0
- package/src/navigation/stories/index.js +6 -6
- package/src/navigation/stories/{controlled-state.js → utils/controlled-state.js} +3 -3
- package/src/navigation/stories/{default.js → utils/default.js} +3 -3
- package/src/navigation/stories/{group.js → utils/group.js} +4 -4
- package/src/navigation/stories/{hide-if-empty.js → utils/hide-if-empty.js} +3 -3
- package/src/navigation/stories/{more-examples.js → utils/more-examples.js} +4 -4
- package/src/navigation/stories/{search.js → utils/search.js} +5 -5
- package/src/navigation/test/index.js +2 -0
- package/src/navigator/navigator-provider/component.tsx +13 -10
- package/src/navigator/test/index.tsx +2 -0
- package/src/notice/test/index.js +8 -3
- package/src/notice/test/list.js +8 -5
- package/src/number-control/stories/{index.js → index.tsx} +24 -7
- package/src/number-control/styles/{number-control-styles.js → number-control-styles.ts} +5 -3
- package/src/number-control/test/index.tsx +602 -0
- package/src/palette-edit/index.js +88 -39
- package/src/palette-edit/test/index.js +25 -1
- package/src/panel/test/__snapshots__/body.js.snap +9 -0
- package/src/panel/test/body.js +71 -62
- package/src/placeholder/test/index.tsx +3 -0
- package/src/popover/index.tsx +10 -2
- package/src/popover/style.scss +12 -11
- package/src/popover/test/index.tsx +25 -15
- package/src/query-controls/index.js +1 -0
- package/src/range-control/test/index.tsx +57 -60
- package/src/resizable-box/style.scss +1 -0
- package/src/sandbox/test/index.js +13 -11
- package/src/search-control/style.scss +4 -0
- package/src/select-control/test/select-control.tsx +2 -0
- package/src/snackbar/README.md +63 -8
- package/src/snackbar/{index.js → index.tsx} +46 -28
- package/src/snackbar/{list.js → list.tsx} +20 -21
- package/src/snackbar/stories/index.tsx +96 -0
- package/src/snackbar/stories/list.tsx +98 -0
- package/src/snackbar/types.ts +116 -0
- package/src/tab-panel/README.md +9 -0
- package/src/tab-panel/index.tsx +15 -5
- package/src/tab-panel/style.scss +46 -34
- package/src/tab-panel/test/index.tsx +113 -0
- package/src/tab-panel/types.ts +20 -1
- package/src/text/test/__snapshots__/index.tsx.snap +1 -0
- package/src/text/test/index.tsx +98 -46
- package/src/text-control/stories/index.tsx +0 -1
- package/src/text-control/types.ts +1 -6
- package/src/text-highlight/test/index.tsx +1 -0
- package/src/theme/README.md +32 -2
- package/src/theme/color-algorithms.ts +138 -0
- package/src/theme/index.tsx +23 -16
- package/src/theme/stories/index.tsx +67 -0
- package/src/theme/styles.ts +22 -17
- package/src/theme/test/color-algorithms.ts +100 -0
- package/src/theme/test/index.tsx +68 -35
- package/src/theme/types.ts +43 -3
- package/src/toggle-control/index.tsx +4 -2
- package/src/toggle-group-control/test/index.tsx +15 -2
- package/src/toolbar/style.scss +1 -1
- package/src/toolbar-group/test/index.js +10 -6
- package/src/tools-panel/stories/index.js +1 -1
- package/src/tools-panel/stories/{tools-panel-with-item-group-slot.js → utils/tools-panel-with-item-group-slot.js} +14 -11
- package/src/tools-panel/test/index.js +20 -14
- package/src/tooltip/README.md +7 -0
- package/src/tooltip/stories/index.js +68 -78
- package/src/tooltip/style.scss +2 -2
- package/src/tooltip/test/index.js +111 -18
- package/src/ui/context/context-system-provider.js +3 -2
- package/src/ui/context/test/context-system-provider.js +5 -4
- package/src/ui/control-label/test/index.js +3 -5
- package/src/unit-control/README.md +9 -1
- package/src/unit-control/index.tsx +3 -0
- package/src/unit-control/test/index.tsx +4 -0
- package/src/unit-control/types.ts +4 -0
- package/src/utils/colors-values.js +1 -1
- package/src/utils/config-values.js +0 -2
- package/src/utils/hooks/test/use-latest-ref.js +2 -0
- package/src/utils/hooks/use-controlled-value.ts +2 -2
- package/src/utils/theme-variables.scss +20 -0
- package/tsconfig.json +2 -4
- package/tsconfig.tsbuildinfo +1 -1
- package/src/dropdown/test/index.js +0 -98
- package/src/icon/stories/index.js +0 -128
- package/src/number-control/test/index.js +0 -478
- package/src/snackbar/stories/index.js +0 -89
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { AlignmentMatrixControlValue } from './types';
|
|
5
|
+
export declare const GRID: AlignmentMatrixControlValue[][];
|
|
6
|
+
export declare const ALIGNMENT_LABEL: Record<AlignmentMatrixControlValue, string>;
|
|
7
|
+
export declare const ALIGNMENTS: AlignmentMatrixControlValue[];
|
|
8
|
+
/**
|
|
9
|
+
* Parses and transforms an incoming value to better match the alignment values
|
|
10
|
+
*
|
|
11
|
+
* @param value An alignment value to parse.
|
|
12
|
+
*
|
|
13
|
+
* @return The parsed value.
|
|
14
|
+
*/
|
|
15
|
+
export declare function transformValue(value: AlignmentMatrixControlValue): AlignmentMatrixControlValue;
|
|
16
|
+
/**
|
|
17
|
+
* Creates an item ID based on a prefix ID and an alignment value.
|
|
18
|
+
*
|
|
19
|
+
* @param prefixId An ID to prefix.
|
|
20
|
+
* @param value An alignment value.
|
|
21
|
+
*
|
|
22
|
+
* @return The item id.
|
|
23
|
+
*/
|
|
24
|
+
export declare function getItemId(prefixId: string, value: AlignmentMatrixControlValue): string;
|
|
25
|
+
/**
|
|
26
|
+
* Retrieves the alignment index from a value.
|
|
27
|
+
*
|
|
28
|
+
* @param alignment Value to check.
|
|
29
|
+
*
|
|
30
|
+
* @return The index of a matching alignment.
|
|
31
|
+
*/
|
|
32
|
+
export declare function getAlignmentIndex(alignment?: AlignmentMatrixControlValue): number | undefined;
|
|
33
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/utils.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,IAAI,EAAE,2BAA2B,EAAE,EAI/C,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAE,2BAA2B,EAAE,MAAM,CAWxE,CAAC;AAGF,eAAO,MAAM,UAAU,+BAAc,CAAC;AAEtC;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,2BAA2B,+BAIjE;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,2BAA2B,UAKlC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,2BAAsC,sBAMjD"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { BaseControlProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Generate props for the `BaseControl` and the inner control itself.
|
|
5
|
+
*
|
|
6
|
+
* Namely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.
|
|
7
|
+
*
|
|
8
|
+
* @param props
|
|
9
|
+
*/
|
|
10
|
+
export declare function useBaseControlProps(props: Omit<BaseControlProps, 'children'>): {
|
|
11
|
+
baseControlProps: {
|
|
12
|
+
label?: import("react").ReactNode;
|
|
13
|
+
className?: string | undefined;
|
|
14
|
+
__nextHasNoMarginBottom?: boolean | undefined;
|
|
15
|
+
hideLabelFromVision?: boolean | undefined;
|
|
16
|
+
id: string;
|
|
17
|
+
help: import("react").ReactNode;
|
|
18
|
+
};
|
|
19
|
+
controlProps: {
|
|
20
|
+
id: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/base-control/hooks.ts"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,IAAI,CAAE,gBAAgB,EAAE,UAAU,CAAE;;;;;;;;;;;;EAyB3C"}
|
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
|
|
3
3
|
import type { WordPressComponentProps } from '../ui/context';
|
|
4
|
+
export { useBaseControlProps } from './hooks';
|
|
4
5
|
/**
|
|
5
6
|
* `BaseControl` is a component used to generate labels and help text for components handling user inputs.
|
|
6
7
|
*
|
|
7
|
-
*
|
|
8
|
+
* ```jsx
|
|
9
|
+
* import { BaseControl, useBaseControlProps } from '@wordpress/components';
|
|
10
|
+
*
|
|
8
11
|
* // Render a `BaseControl` for a textarea input
|
|
9
|
-
*
|
|
12
|
+
* const MyCustomTextareaControl = ({ children, ...baseProps }) => (
|
|
13
|
+
* // `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`
|
|
14
|
+
* // and the inner control itself. Namely, it takes care of generating a unique `id`,
|
|
15
|
+
* // properly associating it with the `label` and `help` elements.
|
|
16
|
+
* const { baseControlProps, controlProps } = useBaseControlProps( baseProps );
|
|
10
17
|
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
18
|
+
* return (
|
|
19
|
+
* <BaseControl { ...baseControlProps } __nextHasNoMarginBottom={ true }>
|
|
20
|
+
* <textarea { ...controlProps }>
|
|
21
|
+
* { children }
|
|
22
|
+
* </textarea>
|
|
23
|
+
* </BaseControl>
|
|
24
|
+
* );
|
|
16
25
|
* );
|
|
26
|
+
* ```
|
|
17
27
|
*/
|
|
18
28
|
export declare const BaseControl: {
|
|
19
29
|
({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: BaseControlProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;qDAqEhB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE;CAvBhE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sCAIrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE,gBAYhE,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAoC,MAAM,IAAI,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAcpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAMpC,eAAO,MAAM,YAAY;;;EAAqC,CAAC;AAM/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAc/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/test/index.tsx"],"names":[],"mappings":""}
|
|
@@ -10,12 +10,18 @@ export declare type BaseControlProps = {
|
|
|
10
10
|
*/
|
|
11
11
|
__nextHasNoMarginBottom?: boolean;
|
|
12
12
|
/**
|
|
13
|
-
* The HTML `id` of the element (passed in as a child to `BaseControl`) to which labels and help text are being generated.
|
|
13
|
+
* The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.
|
|
14
14
|
* This is necessary to accessibly associate the label with that element.
|
|
15
|
+
*
|
|
16
|
+
* The recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.
|
|
17
|
+
* Otherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.
|
|
15
18
|
*/
|
|
16
19
|
id?: string;
|
|
17
20
|
/**
|
|
18
|
-
*
|
|
21
|
+
* Additional description for the control.
|
|
22
|
+
*
|
|
23
|
+
* It is preferable to use plain text for `help`, as it can be accessibly associated with the control using `aria-describedby`.
|
|
24
|
+
* When the `help` contains links, or otherwise non-plain text content, it will be associated with the control using `aria-details`.
|
|
19
25
|
*/
|
|
20
26
|
help?: ReactNode;
|
|
21
27
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
/**
|
|
2
|
-
*
|
|
3
|
-
* @property {boolean} [hasError=false] Renders an error.
|
|
4
|
-
* @property {boolean} [disabled] Whether the field is disabled.
|
|
5
|
-
* @property {boolean} [isInline=false] Renders as an inline element (layout).
|
|
6
|
-
* @property {boolean} [isSubtle=false] Renders a subtle variant.
|
|
3
|
+
* Internal dependencies
|
|
7
4
|
*/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
*/
|
|
12
|
-
export function useBaseField(props: import('../ui/context').WordPressComponentProps<Props, 'div'>): {
|
|
5
|
+
import { WordPressComponentProps } from '../ui/context';
|
|
6
|
+
import type { BaseFieldProps } from './types';
|
|
7
|
+
export declare function useBaseField(props: WordPressComponentProps<BaseFieldProps, 'div'>): {
|
|
13
8
|
disabled: boolean | undefined;
|
|
14
9
|
defaultValue: string | number | readonly string[] | undefined;
|
|
15
10
|
className: string;
|
|
@@ -24,6 +19,7 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
24
19
|
key?: import("react").Key | null | undefined;
|
|
25
20
|
slot?: string | undefined;
|
|
26
21
|
title?: string | undefined;
|
|
22
|
+
id?: string | undefined;
|
|
27
23
|
defaultChecked?: boolean | undefined;
|
|
28
24
|
suppressContentEditableWarning?: boolean | undefined;
|
|
29
25
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -32,7 +28,6 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
32
28
|
contextMenu?: string | undefined;
|
|
33
29
|
dir?: string | undefined;
|
|
34
30
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
35
|
-
id?: string | undefined;
|
|
36
31
|
lang?: string | undefined;
|
|
37
32
|
placeholder?: string | undefined;
|
|
38
33
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -69,7 +64,7 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
69
64
|
'aria-colindex'?: number | undefined;
|
|
70
65
|
'aria-colspan'?: number | undefined;
|
|
71
66
|
'aria-controls'?: string | undefined;
|
|
72
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
67
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
73
68
|
'aria-describedby'?: string | undefined;
|
|
74
69
|
'aria-details'?: string | undefined;
|
|
75
70
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
@@ -272,23 +267,4 @@ export function useBaseField(props: import('../ui/context').WordPressComponentPr
|
|
|
272
267
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
273
268
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
274
269
|
};
|
|
275
|
-
export type OwnProps = {
|
|
276
|
-
/**
|
|
277
|
-
* Renders an error.
|
|
278
|
-
*/
|
|
279
|
-
hasError?: boolean | undefined;
|
|
280
|
-
/**
|
|
281
|
-
* Whether the field is disabled.
|
|
282
|
-
*/
|
|
283
|
-
disabled?: boolean | undefined;
|
|
284
|
-
/**
|
|
285
|
-
* Renders as an inline element (layout).
|
|
286
|
-
*/
|
|
287
|
-
isInline?: boolean | undefined;
|
|
288
|
-
/**
|
|
289
|
-
* Renders a subtle variant.
|
|
290
|
-
*/
|
|
291
|
-
isSubtle?: boolean | undefined;
|
|
292
|
-
};
|
|
293
|
-
export type Props = import('../flex/types').FlexProps & OwnProps;
|
|
294
270
|
//# sourceMappingURL=hook.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/base-field/hook.
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/base-field/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAK1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,cAAc,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCvD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useBaseField } from
|
|
1
|
+
export { useBaseField } from './hook';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-field/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export const BaseField: import("@emotion/utils").SerializedStyles;
|
|
2
|
-
export const subtle: import("@emotion/utils").SerializedStyles;
|
|
3
|
-
export const error: import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export const errorFocus: import("@emotion/utils").SerializedStyles;
|
|
5
|
-
export const inline: import("@emotion/utils").SerializedStyles;
|
|
1
|
+
export declare const BaseField: import("@emotion/utils").SerializedStyles;
|
|
2
|
+
export declare const subtle: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare const error: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
export declare const errorFocus: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
export declare const inline: import("@emotion/utils").SerializedStyles;
|
|
6
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/base-field/styles.
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/base-field/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS,2CA6BrB,CAAC;AAEF,eAAO,MAAM,MAAM,2CASlB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAajB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,2CAQlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-field/test/index.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { FlexProps } from '../flex/types';
|
|
5
|
+
export declare type BaseFieldProps = FlexProps & {
|
|
6
|
+
/**
|
|
7
|
+
* Whether the field is disabled.
|
|
8
|
+
*/
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Renders an error style around the component.
|
|
12
|
+
*
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
hasError?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Renders a component that can be inlined in some text.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
isInline?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Renders a subtle variant of the component.
|
|
24
|
+
*
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
isSubtle?: boolean;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-field/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,oBAAY,cAAc,GAAG,SAAS,GAAG;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -49,7 +49,7 @@ import type { LabelProps, BorderControlProps } from '../../border-control/types'
|
|
|
49
49
|
* };
|
|
50
50
|
* ```
|
|
51
51
|
*/
|
|
52
|
-
export declare const BorderBoxControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "
|
|
52
|
+
export declare const BorderBoxControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
|
|
53
53
|
disableCustomColors?: boolean | undefined;
|
|
54
54
|
} & LabelProps & Pick<BorderControlProps, "size" | "enableStyle"> & {
|
|
55
55
|
onChange: (value: import("../types").AnyBorder) => void;
|
|
@@ -1 +1 @@
|
|
|
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,EACV,kBAAkB,EAClB,MAAM,4BAA4B,CAAC;
|
|
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,EACV,kBAAkB,EAClB,MAAM,4BAA4B,CAAC;AA6HpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,gBAAgB;;;;;;;8CAG5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -18,7 +18,6 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
18
18
|
size: "default" | "__unstable-large";
|
|
19
19
|
splitValue: Borders | undefined;
|
|
20
20
|
wrapperClassName: string;
|
|
21
|
-
__experimentalHasMultipleOrigins: boolean;
|
|
22
21
|
__experimentalIsRenderedInSidebar: boolean;
|
|
23
22
|
disableCustomColors?: boolean | undefined;
|
|
24
23
|
hideLabelFromVision?: boolean | undefined;
|
|
@@ -33,6 +32,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
33
32
|
key?: import("react").Key | null | undefined;
|
|
34
33
|
slot?: string | undefined;
|
|
35
34
|
title?: string | undefined;
|
|
35
|
+
id?: string | undefined;
|
|
36
36
|
defaultChecked?: boolean | undefined;
|
|
37
37
|
suppressContentEditableWarning?: boolean | undefined;
|
|
38
38
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -41,7 +41,6 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
41
41
|
contextMenu?: string | undefined;
|
|
42
42
|
dir?: string | undefined;
|
|
43
43
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
44
|
-
id?: string | undefined;
|
|
45
44
|
lang?: string | undefined;
|
|
46
45
|
placeholder?: string | undefined;
|
|
47
46
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -78,7 +77,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
78
77
|
'aria-colindex'?: number | undefined;
|
|
79
78
|
'aria-colspan'?: number | undefined;
|
|
80
79
|
'aria-controls'?: string | undefined;
|
|
81
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
80
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
82
81
|
'aria-describedby'?: string | undefined;
|
|
83
82
|
'aria-details'?: string | undefined;
|
|
84
83
|
'aria-disabled'?: (boolean | "false" | "true") | 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;;;;;;;;;;+
|
|
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;;;;;;;;;;+BAsElD,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CjB"}
|
|
@@ -14,6 +14,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
14
14
|
key?: import("react").Key | null | undefined;
|
|
15
15
|
slot?: string | undefined;
|
|
16
16
|
title?: string | undefined;
|
|
17
|
+
id?: string | undefined;
|
|
17
18
|
defaultChecked?: boolean | undefined;
|
|
18
19
|
suppressContentEditableWarning?: boolean | undefined;
|
|
19
20
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -22,7 +23,6 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
22
23
|
contextMenu?: string | undefined;
|
|
23
24
|
dir?: string | undefined;
|
|
24
25
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
25
|
-
id?: string | undefined;
|
|
26
26
|
lang?: string | undefined;
|
|
27
27
|
placeholder?: string | undefined;
|
|
28
28
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -59,7 +59,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
|
|
|
59
59
|
'aria-colindex'?: number | undefined;
|
|
60
60
|
'aria-colspan'?: number | undefined;
|
|
61
61
|
'aria-controls'?: string | undefined;
|
|
62
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
62
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
63
63
|
'aria-describedby'?: string | undefined;
|
|
64
64
|
'aria-details'?: string | undefined;
|
|
65
65
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "
|
|
2
|
+
declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
|
|
3
3
|
disableCustomColors?: boolean | undefined;
|
|
4
4
|
} & Pick<import("../types").BorderBoxControlProps, "size" | "enableStyle"> & {
|
|
5
5
|
onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
|
|
@@ -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":";AAkHA,QAAA,MAAM,sCAAsC;;;;;;;6CAG3C,CAAC;AACF,eAAe,sCAAsC,CAAC"}
|
|
@@ -9,7 +9,6 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
9
9
|
enableStyle: boolean;
|
|
10
10
|
rightAlignedClassName: string;
|
|
11
11
|
size: "default" | "__unstable-large";
|
|
12
|
-
__experimentalHasMultipleOrigins: boolean;
|
|
13
12
|
__experimentalIsRenderedInSidebar: boolean;
|
|
14
13
|
disableCustomColors?: boolean | undefined;
|
|
15
14
|
onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
|
|
@@ -24,6 +23,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
24
23
|
key?: import("react").Key | null | undefined;
|
|
25
24
|
slot?: string | undefined;
|
|
26
25
|
title?: string | undefined;
|
|
26
|
+
id?: string | undefined;
|
|
27
27
|
defaultChecked?: boolean | undefined;
|
|
28
28
|
suppressContentEditableWarning?: boolean | undefined;
|
|
29
29
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -32,7 +32,6 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
32
32
|
contextMenu?: string | undefined;
|
|
33
33
|
dir?: string | undefined;
|
|
34
34
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
35
|
-
id?: string | undefined;
|
|
36
35
|
lang?: string | undefined;
|
|
37
36
|
placeholder?: string | undefined;
|
|
38
37
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -69,7 +68,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
|
|
|
69
68
|
'aria-colindex'?: number | undefined;
|
|
70
69
|
'aria-colspan'?: number | undefined;
|
|
71
70
|
'aria-controls'?: string | undefined;
|
|
72
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
71
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
73
72
|
'aria-describedby'?: string | undefined;
|
|
74
73
|
'aria-details'?: string | undefined;
|
|
75
74
|
'aria-disabled'?: (boolean | "false" | "true") | 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqC3D"}
|
|
@@ -13,6 +13,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
13
13
|
key?: import("react").Key | null | undefined;
|
|
14
14
|
slot?: string | undefined;
|
|
15
15
|
title?: string | undefined;
|
|
16
|
+
id?: string | undefined;
|
|
16
17
|
defaultChecked?: boolean | undefined;
|
|
17
18
|
suppressContentEditableWarning?: boolean | undefined;
|
|
18
19
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -21,7 +22,6 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
21
22
|
contextMenu?: string | undefined;
|
|
22
23
|
dir?: string | undefined;
|
|
23
24
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
24
|
-
id?: string | undefined;
|
|
25
25
|
lang?: string | undefined;
|
|
26
26
|
placeholder?: string | undefined;
|
|
27
27
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -58,7 +58,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
|
|
|
58
58
|
'aria-colindex'?: number | undefined;
|
|
59
59
|
'aria-colspan'?: number | undefined;
|
|
60
60
|
'aria-controls'?: string | undefined;
|
|
61
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
61
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
62
62
|
'aria-describedby'?: string | undefined;
|
|
63
63
|
'aria-details'?: string | undefined;
|
|
64
64
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
@@ -6,7 +6,7 @@ import type { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
|
6
6
|
import { BorderBoxControl } from '../';
|
|
7
7
|
declare const meta: ComponentMeta<typeof BorderBoxControl>;
|
|
8
8
|
export default meta;
|
|
9
|
-
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "
|
|
9
|
+
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
|
|
10
10
|
disableCustomColors?: boolean | undefined;
|
|
11
11
|
} & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
|
|
12
12
|
onChange: (value: import("../types").AnyBorder) => void;
|
|
@@ -34,7 +34,7 @@ import type { LabelProps } from '../types';
|
|
|
34
34
|
* };
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
37
|
-
export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "
|
|
37
|
+
export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
|
|
38
38
|
disableCustomColors?: boolean | undefined;
|
|
39
39
|
} & LabelProps & {
|
|
40
40
|
disableUnits?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;AAsG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;8CAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -17,7 +17,6 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
17
17
|
widthUnit: string;
|
|
18
18
|
widthValue: number | undefined;
|
|
19
19
|
size: "default" | "__unstable-large";
|
|
20
|
-
__experimentalHasMultipleOrigins: boolean;
|
|
21
20
|
__experimentalIsRenderedInSidebar: boolean;
|
|
22
21
|
disableCustomColors?: boolean | undefined;
|
|
23
22
|
hideLabelFromVision?: boolean | undefined;
|
|
@@ -34,6 +33,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
34
33
|
key?: import("react").Key | null | undefined;
|
|
35
34
|
slot?: string | undefined;
|
|
36
35
|
title?: string | undefined;
|
|
36
|
+
id?: string | undefined;
|
|
37
37
|
defaultChecked?: boolean | undefined;
|
|
38
38
|
suppressContentEditableWarning?: boolean | undefined;
|
|
39
39
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -42,7 +42,6 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
42
42
|
contextMenu?: string | undefined;
|
|
43
43
|
dir?: string | undefined;
|
|
44
44
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
45
|
-
id?: string | undefined;
|
|
46
45
|
lang?: string | undefined;
|
|
47
46
|
placeholder?: string | undefined;
|
|
48
47
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -79,7 +78,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
79
78
|
'aria-colindex'?: number | undefined;
|
|
80
79
|
'aria-colspan'?: number | undefined;
|
|
81
80
|
'aria-controls'?: string | undefined;
|
|
82
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
81
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
83
82
|
'aria-describedby'?: string | undefined;
|
|
84
83
|
'aria-details'?: string | undefined;
|
|
85
84
|
'aria-disabled'?: (boolean | "false" | "true") | 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmI3D"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "
|
|
2
|
+
declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
|
|
3
3
|
disableCustomColors?: boolean | undefined;
|
|
4
4
|
} & Pick<import("../types").BorderControlProps, "size" | "enableStyle"> & {
|
|
5
5
|
border?: import("../types").Border | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";AAwPA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
|
|
@@ -15,7 +15,6 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
15
15
|
popoverContentClassName: string;
|
|
16
16
|
popoverControlsClassName: string;
|
|
17
17
|
resetButtonClassName: string;
|
|
18
|
-
__experimentalHasMultipleOrigins: boolean;
|
|
19
18
|
__experimentalIsRenderedInSidebar: boolean;
|
|
20
19
|
disableCustomColors?: boolean | undefined;
|
|
21
20
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
@@ -28,6 +27,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
28
27
|
key?: import("react").Key | null | undefined;
|
|
29
28
|
slot?: string | undefined;
|
|
30
29
|
title?: string | undefined;
|
|
30
|
+
id?: string | undefined;
|
|
31
31
|
defaultChecked?: boolean | undefined;
|
|
32
32
|
suppressContentEditableWarning?: boolean | undefined;
|
|
33
33
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -36,7 +36,6 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
36
36
|
contextMenu?: string | undefined;
|
|
37
37
|
dir?: string | undefined;
|
|
38
38
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
39
|
-
id?: string | undefined;
|
|
40
39
|
lang?: string | undefined;
|
|
41
40
|
placeholder?: string | undefined;
|
|
42
41
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -73,7 +72,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
73
72
|
'aria-colindex'?: number | undefined;
|
|
74
73
|
'aria-colspan'?: number | undefined;
|
|
75
74
|
'aria-controls'?: string | undefined;
|
|
76
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
75
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
77
76
|
'aria-describedby'?: string | undefined;
|
|
78
77
|
'aria-details'?: string | undefined;
|
|
79
78
|
'aria-disabled'?: (boolean | "false" | "true") | 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFtD"}
|
|
@@ -16,6 +16,7 @@ export declare function useBorderControlStylePicker(props: WordPressComponentPro
|
|
|
16
16
|
key?: import("react").Key | null | undefined;
|
|
17
17
|
slot?: string | undefined;
|
|
18
18
|
title?: string | undefined;
|
|
19
|
+
id?: string | undefined;
|
|
19
20
|
defaultChecked?: boolean | undefined;
|
|
20
21
|
suppressContentEditableWarning?: boolean | undefined;
|
|
21
22
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -24,7 +25,6 @@ export declare function useBorderControlStylePicker(props: WordPressComponentPro
|
|
|
24
25
|
contextMenu?: string | undefined;
|
|
25
26
|
dir?: string | undefined;
|
|
26
27
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
27
|
-
id?: string | undefined;
|
|
28
28
|
lang?: string | undefined;
|
|
29
29
|
placeholder?: string | undefined;
|
|
30
30
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -61,7 +61,7 @@ export declare function useBorderControlStylePicker(props: WordPressComponentPro
|
|
|
61
61
|
'aria-colindex'?: number | undefined;
|
|
62
62
|
'aria-colspan'?: number | undefined;
|
|
63
63
|
'aria-controls'?: string | undefined;
|
|
64
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
64
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
65
65
|
'aria-describedby'?: string | undefined;
|
|
66
66
|
'aria-details'?: string | undefined;
|
|
67
67
|
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|