@wordpress/components 22.0.0 → 23.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +99 -0
- 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/index.js +3 -1
- package/build/angle-picker-control/index.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 +45 -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 +1 -1
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control/hook.js +13 -1
- package/build/border-box-control/border-box-control/hook.js.map +1 -1
- package/build/border-box-control/border-box-control-split-controls/hook.js +11 -1
- package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
- package/build/border-control/border-control/component.js +3 -2
- package/build/border-control/border-control/component.js.map +1 -1
- package/build/border-control/border-control/hook.js +11 -1
- package/build/border-control/border-control/hook.js.map +1 -1
- package/build/border-control/border-control-dropdown/component.js +1 -1
- package/build/border-control/border-control-dropdown/component.js.map +1 -1
- package/build/border-control/border-control-dropdown/hook.js +10 -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 +3 -8
- package/build/color-palette/index.js.map +1 -1
- package/build/color-picker/input-with-slider.js +18 -3
- 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 +19 -4
- package/build/custom-select-control/index.js.map +1 -1
- package/build/dashicon/index.js +18 -6
- 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/draggable/index.js +58 -38
- package/build/draggable/index.js.map +1 -1
- package/build/draggable/types.js +6 -0
- package/build/draggable/types.js.map +1 -0
- package/build/duotone-picker/duotone-picker.js +2 -2
- package/build/duotone-picker/duotone-picker.js.map +1 -1
- package/build/flex/flex/hook.js +2 -3
- package/build/flex/flex/hook.js.map +1 -1
- package/build/focal-point-picker/focal-point.js +2 -12
- package/build/focal-point-picker/focal-point.js.map +1 -1
- package/build/focal-point-picker/styles/focal-point-style.js +11 -51
- package/build/focal-point-picker/styles/focal-point-style.js.map +1 -1
- package/build/font-size-picker/constants.js +41 -0
- package/build/font-size-picker/constants.js.map +1 -0
- package/build/font-size-picker/font-size-picker-select.js +97 -0
- package/build/font-size-picker/font-size-picker-select.js.map +1 -0
- package/build/font-size-picker/font-size-picker-toggle-group.js +50 -0
- package/build/font-size-picker/font-size-picker-toggle-group.js.map +1 -0
- package/build/font-size-picker/index.js +39 -76
- package/build/font-size-picker/index.js.map +1 -1
- package/build/font-size-picker/utils.js +17 -89
- package/build/font-size-picker/utils.js.map +1 -1
- package/build/form-token-field/index.js +9 -6
- package/build/form-token-field/index.js.map +1 -1
- package/build/gradient-picker/index.js +3 -9
- package/build/gradient-picker/index.js.map +1 -1
- package/build/higher-order/navigate-regions/index.js +3 -0
- 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/icon/index.js +3 -2
- package/build/icon/index.js.map +1 -1
- package/build/index.js +21 -1
- 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/menu-group/index.js +17 -3
- package/build/menu-group/index.js.map +1 -1
- package/build/menu-group/types.js +6 -0
- package/build/menu-group/types.js.map +1 -0
- 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/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/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/navigator/navigator-screen/component.js +9 -5
- package/build/navigator/navigator-screen/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 +75 -34
- package/build/palette-edit/index.js.map +1 -1
- package/build/popover/index.js +18 -6
- 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/range-control/styles/range-control-styles.js +47 -57
- package/build/range-control/styles/range-control-styles.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/spinner/styles.js +4 -4
- package/build/spinner/styles.js.map +1 -1
- package/build/tab-panel/index.js +12 -8
- 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/toggle-group-control/toggle-group-control/component.js +1 -0
- package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control/styles.js +11 -6
- package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build/tools-panel/styles.js +14 -14
- package/build/tools-panel/styles.js.map +1 -1
- package/build/tools-panel/tools-panel-item/hook.js +9 -5
- package/build/tools-panel/tools-panel-item/hook.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 +4 -3
- 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/utils/input/base.js +2 -2
- package/build/utils/input/base.js.map +1 -1
- package/build/view/index.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/index.js +2 -1
- package/build-module/angle-picker-control/index.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 +45 -12
- 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 +1 -1
- 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 +13 -1
- 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/hook.js +11 -1
- 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 +3 -2
- package/build-module/border-control/border-control/component.js.map +1 -1
- package/build-module/border-control/border-control/hook.js +11 -1
- package/build-module/border-control/border-control/hook.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/component.js +1 -1
- package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/hook.js +10 -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 +3 -8
- package/build-module/color-palette/index.js.map +1 -1
- package/build-module/color-picker/input-with-slider.js +18 -3
- 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 +19 -4
- package/build-module/custom-select-control/index.js.map +1 -1
- package/build-module/dashicon/index.js +18 -6
- 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/draggable/index.js +59 -38
- package/build-module/draggable/index.js.map +1 -1
- package/build-module/draggable/types.js +2 -0
- package/build-module/draggable/types.js.map +1 -0
- package/build-module/duotone-picker/duotone-picker.js +2 -2
- package/build-module/duotone-picker/duotone-picker.js.map +1 -1
- package/build-module/flex/flex/hook.js +2 -3
- package/build-module/flex/flex/hook.js.map +1 -1
- package/build-module/focal-point-picker/focal-point.js +3 -13
- package/build-module/focal-point-picker/focal-point.js.map +1 -1
- package/build-module/focal-point-picker/styles/focal-point-style.js +6 -52
- package/build-module/focal-point-picker/styles/focal-point-style.js.map +1 -1
- package/build-module/font-size-picker/constants.js +31 -0
- package/build-module/font-size-picker/constants.js.map +1 -0
- package/build-module/font-size-picker/font-size-picker-select.js +83 -0
- package/build-module/font-size-picker/font-size-picker-select.js.map +1 -0
- package/build-module/font-size-picker/font-size-picker-toggle-group.js +40 -0
- package/build-module/font-size-picker/font-size-picker-toggle-group.js.map +1 -0
- package/build-module/font-size-picker/index.js +38 -76
- package/build-module/font-size-picker/index.js.map +1 -1
- package/build-module/font-size-picker/utils.js +15 -86
- package/build-module/font-size-picker/utils.js.map +1 -1
- package/build-module/form-token-field/index.js +9 -6
- package/build-module/form-token-field/index.js.map +1 -1
- package/build-module/gradient-picker/index.js +3 -8
- package/build-module/gradient-picker/index.js.map +1 -1
- package/build-module/higher-order/navigate-regions/index.js +3 -0
- 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/icon/index.js +3 -2
- package/build-module/icon/index.js.map +1 -1
- package/build-module/index.js +3 -2
- 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/menu-group/index.js +20 -2
- package/build-module/menu-group/index.js.map +1 -1
- package/build-module/menu-group/types.js +2 -0
- package/build-module/menu-group/types.js.map +1 -0
- 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/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/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/navigator/navigator-screen/component.js +9 -5
- package/build-module/navigator/navigator-screen/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 +76 -35
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/popover/index.js +18 -6
- 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/range-control/styles/range-control-styles.js +47 -57
- package/build-module/range-control/styles/range-control-styles.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/spinner/styles.js +4 -4
- package/build-module/spinner/styles.js.map +1 -1
- package/build-module/tab-panel/index.js +13 -9
- 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/toggle-group-control/toggle-group-control/component.js +1 -0
- package/build-module/toggle-group-control/toggle-group-control/component.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control/styles.js +12 -6
- package/build-module/toggle-group-control/toggle-group-control/styles.js.map +1 -1
- package/build-module/tools-panel/styles.js +14 -14
- package/build-module/tools-panel/styles.js.map +1 -1
- package/build-module/tools-panel/tools-panel-item/hook.js +9 -5
- package/build-module/tools-panel/tools-panel-item/hook.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 +4 -3
- 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-module/utils/input/base.js +2 -2
- package/build-module/utils/input/base.js.map +1 -1
- package/build-module/view/index.js.map +1 -1
- package/build-style/style-rtl.css +145 -100
- package/build-style/style.css +145 -100
- 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 +4 -4
- package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts +8 -8
- 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/component.d.ts +4 -2
- package/build-types/border-box-control/border-box-control-linked-button/component.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 +3 -3
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +7 -7
- 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/component.d.ts +3 -2
- package/build-types/border-box-control/border-box-control-visualizer/component.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 +3 -3
- package/build-types/border-box-control/types.d.ts +5 -38
- package/build-types/border-box-control/types.d.ts.map +1 -1
- package/build-types/border-control/border-control/component.d.ts +4 -2
- package/build-types/border-control/border-control/component.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +7 -7
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts +3 -3
- 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 +7 -7
- 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 +24 -12
- 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 +10 -51
- 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 +16 -2
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-palette/stories/index.d.ts +30 -2
- 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 +14 -10
- 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 +7 -16
- 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/date-time/types.d.ts +0 -16
- package/build-types/date-time/types.d.ts.map +1 -1
- package/build-types/draggable/index.d.ts +42 -66
- package/build-types/draggable/index.d.ts.map +1 -1
- package/build-types/draggable/stories/index.d.ts +12 -0
- package/build-types/draggable/stories/index.d.ts.map +1 -0
- package/build-types/draggable/types.d.ts +58 -0
- package/build-types/draggable/types.d.ts.map +1 -0
- 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/hook.d.ts.map +1 -1
- 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/focal-point.d.ts.map +1 -1
- 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/focal-point-picker/styles/focal-point-style.d.ts +1 -12
- package/build-types/focal-point-picker/styles/focal-point-style.d.ts.map +1 -1
- package/build-types/font-size-picker/constants.d.ts +15 -0
- package/build-types/font-size-picker/constants.d.ts.map +1 -0
- package/build-types/font-size-picker/font-size-picker-select.d.ts +5 -0
- package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -0
- package/build-types/font-size-picker/font-size-picker-toggle-group.d.ts +5 -0
- package/build-types/font-size-picker/font-size-picker-toggle-group.d.ts.map +1 -0
- package/build-types/font-size-picker/index.d.ts.map +1 -1
- package/build-types/font-size-picker/types.d.ts +13 -13
- package/build-types/font-size-picker/types.d.ts.map +1 -1
- package/build-types/font-size-picker/utils.d.ts +6 -18
- package/build-types/font-size-picker/utils.d.ts.map +1 -1
- package/build-types/form-token-field/index.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/index.d.ts +1 -1
- package/build-types/icon/index.d.ts.map +1 -1
- 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/menu-group/index.d.ts +21 -1
- package/build-types/menu-group/index.d.ts.map +1 -1
- package/build-types/menu-group/test/index.d.ts +2 -0
- package/build-types/menu-group/test/index.d.ts.map +1 -0
- package/build-types/menu-group/types.d.ts +23 -0
- package/build-types/menu-group/types.d.ts.map +1 -0
- 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/navigator/navigator-screen/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/stories/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/styles.d.ts +1 -2
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/toggle-group-control/types.d.ts +2 -1
- package/build-types/toggle-group-control/types.d.ts.map +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/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
- 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/colors-values.d.ts +1 -0
- package/build-types/utils/colors-values.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/build-types/view/index.d.ts +1 -1
- package/build-types/view/index.d.ts.map +1 -1
- 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/index.js +2 -1
- package/src/angle-picker-control/styles/angle-picker-control-styles.js +4 -0
- package/src/autocomplete/index.js +55 -15
- package/src/autocomplete/style.scss +1 -1
- 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 +52 -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} +13 -11
- package/src/base-field/test/index.tsx +84 -0
- package/src/base-field/types.ts +29 -0
- package/src/border-box-control/border-box-control/README.md +6 -17
- package/src/border-box-control/border-box-control/component.tsx +1 -1
- package/src/border-box-control/border-box-control/hook.ts +18 -4
- package/src/border-box-control/border-box-control-split-controls/hook.ts +10 -0
- package/src/border-box-control/test/index.js +3 -1
- package/src/border-box-control/types.ts +32 -58
- package/src/border-control/border-control/README.md +4 -17
- package/src/border-control/border-control/component.tsx +3 -2
- package/src/border-control/border-control/hook.ts +10 -0
- package/src/border-control/border-control-dropdown/component.tsx +7 -6
- package/src/border-control/border-control-dropdown/hook.ts +9 -1
- package/src/border-control/styles.ts +1 -10
- package/src/border-control/types.ts +43 -80
- package/src/box-control/linked-button.js +8 -11
- package/src/box-control/test/index.js +206 -135
- 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/__snapshots__/index.tsx.snap +64 -368
- package/src/card/test/index.tsx +34 -22
- package/src/checkbox-control/style.scss +3 -3
- package/src/circular-option-picker/style.scss +1 -0
- package/src/color-palette/README.md +12 -16
- package/src/color-palette/index.tsx +5 -7
- package/src/color-palette/stories/index.tsx +1 -5
- package/src/color-palette/style.scss +1 -1
- package/src/color-palette/test/__snapshots__/index.tsx.snap +4 -4
- package/src/color-palette/test/index.tsx +84 -36
- package/src/color-palette/types.ts +14 -10
- package/src/color-picker/README.md +1 -0
- package/src/color-picker/input-with-slider.tsx +14 -2
- package/src/color-picker/styles.ts +0 -4
- package/src/confirm-dialog/README.md +3 -2
- package/src/custom-select-control/README.md +14 -0
- package/src/custom-select-control/index.js +21 -2
- package/src/custom-select-control/stories/index.js +1 -0
- package/src/custom-select-control/style.scss +6 -1
- package/src/custom-select-control/test/index.js +39 -0
- package/src/dashicon/index.tsx +51 -0
- package/src/dashicon/types.ts +17 -0
- package/src/date-time/date/test/index.tsx +2 -2
- package/src/date-time/date-time/index.tsx +2 -2
- package/src/date-time/types.ts +0 -19
- package/src/dimension-control/test/__snapshots__/index.test.js.snap +4 -8
- package/src/disabled/test/index.tsx +21 -11
- package/src/divider/test/index.tsx +4 -4
- package/src/draggable/README.md +13 -18
- package/src/draggable/{index.js → index.tsx} +71 -47
- package/src/draggable/stories/index.tsx +83 -0
- package/src/draggable/types.ts +58 -0
- package/src/drop-zone/style.scss +1 -1
- package/src/dropdown/test/index.js +39 -49
- package/src/dropdown-menu/test/index.js +18 -12
- package/src/duotone-picker/duotone-picker.js +2 -2
- package/src/flex/flex/hook.ts +0 -3
- package/src/flex/test/index.tsx +29 -3
- package/src/focal-point-picker/focal-point.tsx +2 -24
- package/src/focal-point-picker/styles/focal-point-style.ts +8 -32
- package/src/focal-point-picker/test/media.js +26 -21
- package/src/font-size-picker/constants.ts +37 -0
- package/src/font-size-picker/font-size-picker-select.tsx +98 -0
- package/src/font-size-picker/font-size-picker-toggle-group.tsx +41 -0
- package/src/font-size-picker/index.tsx +55 -118
- package/src/font-size-picker/test/index.tsx +253 -44
- package/src/font-size-picker/test/utils.ts +58 -98
- package/src/font-size-picker/types.ts +25 -16
- package/src/font-size-picker/utils.ts +16 -102
- package/src/form-toggle/style.scss +3 -3
- package/src/form-token-field/index.tsx +13 -5
- package/src/form-token-field/style.scss +3 -3
- package/src/form-token-field/test/index.tsx +6 -6
- package/src/gradient-picker/index.js +5 -8
- package/src/grid/test/grid.tsx +31 -31
- package/src/higher-order/navigate-regions/index.js +4 -0
- package/src/higher-order/navigate-regions/style.scss +52 -20
- package/src/higher-order/with-fallback-styles/index.js +4 -2
- package/src/higher-order/with-filters/test/index.js +94 -101
- package/src/higher-order/with-focus-return/test/index.js +1 -4
- package/src/higher-order/with-notices/test/index.js +1 -1
- package/src/icon/index.tsx +3 -2
- package/src/icon/test/index.js +10 -0
- package/src/index.js +3 -2
- 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 +18 -0
- package/src/input-control/types.ts +2 -0
- package/src/item-group/stories/index.js +1 -1
- package/src/menu-group/{index.js → index.tsx} +22 -3
- package/src/menu-group/test/{index.js → index.tsx} +0 -0
- package/src/menu-group/types.ts +23 -0
- package/src/menu-item/style.scss +1 -1
- package/src/mobile/bottom-sheet/cell.native.js +1 -1
- package/src/mobile/bottom-sheet/switch-cell.native.js +2 -2
- package/src/mobile/bottom-sheet/test/range-cell.native.js +4 -4
- package/src/mobile/global-styles-context/index.native.js +9 -11
- package/src/mobile/html-text-input/test/index.native.js +2 -2
- package/src/mobile/keyboard-aware-flat-list/index.ios.js +2 -2
- package/src/mobile/link-settings/test/edit.native.js +70 -126
- package/src/mobile/link-settings/test/link-settings-navigation.native.js +5 -5
- package/src/modal/index.tsx +11 -0
- package/src/modal/stories/index.tsx +3 -0
- package/src/modal/test/index.tsx +15 -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/navigator/navigator-provider/component.tsx +13 -10
- package/src/navigator/navigator-screen/component.tsx +8 -3
- package/src/notice/README.md +2 -1
- package/src/notice/style.scss +1 -1
- 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 +600 -0
- package/src/palette-edit/index.js +91 -39
- package/src/palette-edit/test/index.js +25 -1
- package/src/panel/style.scss +1 -1
- package/src/popover/index.tsx +28 -9
- 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/styles/range-control-styles.ts +2 -2
- package/src/range-control/test/index.tsx +57 -60
- package/src/resizable-box/style.scss +3 -2
- package/src/sandbox/test/index.js +13 -11
- package/src/scrollable/test/index.tsx +7 -3
- package/src/search-control/style.scss +5 -1
- 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/style.scss +2 -2
- package/src/snackbar/types.ts +116 -0
- package/src/spacer/test/index.tsx +33 -3
- package/src/spinner/styles.ts +1 -1
- package/src/surface/test/index.tsx +12 -12
- package/src/tab-panel/README.md +9 -0
- package/src/tab-panel/index.tsx +23 -9
- package/src/tab-panel/style.scss +46 -35
- package/src/tab-panel/test/index.tsx +111 -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 +100 -48
- package/src/text-control/stories/index.tsx +0 -1
- package/src/text-control/types.ts +1 -6
- 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/stories/index.tsx +2 -0
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +6 -8
- package/src/toggle-group-control/test/index.tsx +40 -17
- package/src/toggle-group-control/toggle-group-control/README.md +8 -1
- package/src/toggle-group-control/toggle-group-control/component.tsx +1 -1
- package/src/toggle-group-control/toggle-group-control/styles.ts +22 -16
- package/src/toggle-group-control/types.ts +2 -1
- package/src/toolbar-group/test/index.js +8 -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/styles.ts +1 -1
- package/src/tools-panel/test/index.js +20 -14
- package/src/tools-panel/tools-panel-item/hook.ts +6 -1
- package/src/tooltip/README.md +7 -0
- package/src/tooltip/style.scss +2 -2
- package/src/tooltip/test/index.js +109 -18
- package/src/tree-grid/test/index.js +12 -12
- package/src/truncate/test/index.tsx +9 -9
- 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/ui/form-group/test/index.js +16 -17
- package/src/unit-control/README.md +9 -1
- package/src/unit-control/index.tsx +3 -0
- package/src/unit-control/test/index.tsx +1 -0
- package/src/unit-control/types.ts +4 -0
- package/src/utils/colors-values.js +5 -3
- package/src/utils/config-values.js +0 -2
- package/src/utils/hooks/stories/use-cx.js +1 -1
- package/src/utils/hooks/use-controlled-value.ts +2 -2
- package/src/utils/input/base.js +2 -2
- package/src/utils/theme-variables.scss +20 -0
- package/src/view/{index.js → index.ts} +0 -0
- package/tsconfig.json +2 -4
- package/tsconfig.tsbuildinfo +1 -1
- package/src/base-field/test/index.js +0 -67
- package/src/dashicon/index.js +0 -26
- package/src/draggable/stories/index.js +0 -72
- package/src/number-control/test/index.js +0 -478
- package/src/snackbar/stories/index.js +0 -89
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const ConnectedBorderBoxControlVisualizer: import("../../ui/context").WordPressComponent<"div", Pick<import("../types").BorderBoxControlProps, "size"> & {
|
|
3
|
+
value?: import("../types").Borders | undefined;
|
|
4
|
+
} & import("react").RefAttributes<any>, true>;
|
|
4
5
|
export default ConnectedBorderBoxControlVisualizer;
|
|
5
6
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/component.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/component.tsx"],"names":[],"mappings":";AAuBA,QAAA,MAAM,mCAAmC;;6CAGxC,CAAC;AACF,eAAe,mCAAmC,CAAC"}
|
|
@@ -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,12 +6,12 @@ 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", import("../../
|
|
10
|
-
|
|
9
|
+
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
10
|
+
disableCustomColors?: boolean | undefined;
|
|
11
|
+
} & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
|
|
11
12
|
onChange: (value: import("../types").AnyBorder) => void;
|
|
12
13
|
popoverPlacement?: import("@floating-ui/core").Placement | undefined;
|
|
13
14
|
popoverOffset?: number | undefined;
|
|
14
15
|
value: import("../types").AnyBorder;
|
|
15
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
16
16
|
} & import("react").RefAttributes<any>, false>>;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Internal dependencies
|
|
3
3
|
*/
|
|
4
|
-
import type { Border, ColorProps, LabelProps } from '../border-control/types';
|
|
4
|
+
import type { Border, ColorProps, LabelProps, BorderControlProps } from '../border-control/types';
|
|
5
5
|
import type { PopoverProps } from '../popover/types';
|
|
6
6
|
export declare type Borders = {
|
|
7
7
|
top?: Border;
|
|
@@ -12,11 +12,7 @@ export declare type Borders = {
|
|
|
12
12
|
export declare type AnyBorder = Border | Borders | undefined;
|
|
13
13
|
export declare type BorderProp = keyof Border;
|
|
14
14
|
export declare type BorderSide = keyof Borders;
|
|
15
|
-
export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
16
|
-
/**
|
|
17
|
-
* This controls whether to support border style selections.
|
|
18
|
-
*/
|
|
19
|
-
enableStyle?: boolean;
|
|
15
|
+
export declare type BorderBoxControlProps = ColorProps & LabelProps & Pick<BorderControlProps, 'enableStyle' | 'size'> & {
|
|
20
16
|
/**
|
|
21
17
|
* A callback function invoked when any border value is changed. The value
|
|
22
18
|
* received may be a "flat" border object, one that has properties defining
|
|
@@ -39,14 +35,8 @@ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
|
|
|
39
35
|
* properties but for each side; `top`, `right`, `bottom`, and `left`.
|
|
40
36
|
*/
|
|
41
37
|
value: AnyBorder;
|
|
42
|
-
/**
|
|
43
|
-
* Size of the control.
|
|
44
|
-
*
|
|
45
|
-
* @default 'default'
|
|
46
|
-
*/
|
|
47
|
-
size?: 'default' | '__unstable-large';
|
|
48
38
|
};
|
|
49
|
-
export declare type LinkedButtonProps = {
|
|
39
|
+
export declare type LinkedButtonProps = Pick<BorderBoxControlProps, 'size'> & {
|
|
50
40
|
/**
|
|
51
41
|
* This prop allows the `LinkedButton` to reflect whether the parent
|
|
52
42
|
* `BorderBoxControl` is currently displaying "linked" or "unlinked"
|
|
@@ -59,33 +49,16 @@ export declare type LinkedButtonProps = {
|
|
|
59
49
|
* `BorderBoxControl`.
|
|
60
50
|
*/
|
|
61
51
|
onClick: () => void;
|
|
62
|
-
/**
|
|
63
|
-
* Size of the control.
|
|
64
|
-
*
|
|
65
|
-
* @default 'default'
|
|
66
|
-
*/
|
|
67
|
-
size?: 'default' | '__unstable-large';
|
|
68
52
|
};
|
|
69
|
-
export declare type VisualizerProps = {
|
|
53
|
+
export declare type VisualizerProps = Pick<BorderBoxControlProps, 'size'> & {
|
|
70
54
|
/**
|
|
71
55
|
* An object representing the current border configuration. It contains
|
|
72
56
|
* properties for each side, with each side an object reflecting the border
|
|
73
57
|
* color, style, and width.
|
|
74
58
|
*/
|
|
75
59
|
value?: Borders;
|
|
76
|
-
/**
|
|
77
|
-
* Size of the control.
|
|
78
|
-
*
|
|
79
|
-
* @default 'default'
|
|
80
|
-
*/
|
|
81
|
-
size?: 'default' | '__unstable-large';
|
|
82
60
|
};
|
|
83
|
-
export declare type SplitControlsProps = ColorProps & {
|
|
84
|
-
/**
|
|
85
|
-
* This controls whether to include border style options within the
|
|
86
|
-
* individual `BorderControl` components.
|
|
87
|
-
*/
|
|
88
|
-
enableStyle?: boolean;
|
|
61
|
+
export declare type SplitControlsProps = ColorProps & Pick<BorderBoxControlProps, 'enableStyle' | 'size'> & {
|
|
89
62
|
/**
|
|
90
63
|
* A callback that is invoked whenever an individual side's border has
|
|
91
64
|
* changed.
|
|
@@ -105,11 +78,5 @@ export declare type SplitControlsProps = ColorProps & {
|
|
|
105
78
|
* color, style, and width.
|
|
106
79
|
*/
|
|
107
80
|
value?: Borders;
|
|
108
|
-
/**
|
|
109
|
-
* Size of the control.
|
|
110
|
-
*
|
|
111
|
-
* @default 'default'
|
|
112
|
-
*/
|
|
113
|
-
size?: 'default' | '__unstable-large';
|
|
114
81
|
};
|
|
115
82
|
//# 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,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GACV,IAAI,CAAE,kBAAkB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACpD;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH,oBAAY,iBAAiB,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACvE;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAC1C,IAAI,CAAE,qBAAqB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACvD;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,KAAM,IAAI,CAAC;IAClE;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
|
|
@@ -34,7 +34,9 @@ import type { LabelProps } from '../types';
|
|
|
34
34
|
* };
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
37
|
-
export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", import("
|
|
37
|
+
export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
38
|
+
disableCustomColors?: boolean | undefined;
|
|
39
|
+
} & LabelProps & {
|
|
38
40
|
disableUnits?: boolean | undefined;
|
|
39
41
|
enableStyle?: boolean | undefined;
|
|
40
42
|
isCompact?: boolean | undefined;
|
|
@@ -42,10 +44,10 @@ export declare const BorderControl: import("../../ui/context").WordPressComponen
|
|
|
42
44
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
43
45
|
shouldSanitizeBorder?: boolean | undefined;
|
|
44
46
|
showDropdownHeader?: boolean | undefined;
|
|
47
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
45
48
|
value?: import("../types").Border | undefined;
|
|
46
49
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
47
50
|
withSlider?: boolean | undefined;
|
|
48
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
49
51
|
} & import("react").RefAttributes<any>, false>;
|
|
50
52
|
export default BorderControl;
|
|
51
53
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -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;AA0G/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;8CAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -3,6 +3,9 @@ import { WordPressComponentProps } from '../../ui/context';
|
|
|
3
3
|
import type { Border, BorderControlProps } from '../types';
|
|
4
4
|
export declare function useBorderControl(props: WordPressComponentProps<BorderControlProps, 'div'>): {
|
|
5
5
|
className: string;
|
|
6
|
+
colors: (import("../../color-palette/types").ColorObject | import("../../color-palette/types").PaletteObject)[];
|
|
7
|
+
enableAlpha: boolean;
|
|
8
|
+
enableStyle: boolean;
|
|
6
9
|
innerWrapperClassName: string;
|
|
7
10
|
inputWidth: import("csstype").Property.Width<string | number> | undefined;
|
|
8
11
|
onBorderChange: (newBorder?: Border | undefined) => void;
|
|
@@ -14,15 +17,12 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
14
17
|
widthUnit: string;
|
|
15
18
|
widthValue: number | undefined;
|
|
16
19
|
size: "default" | "__unstable-large";
|
|
17
|
-
|
|
20
|
+
__experimentalHasMultipleOrigins: boolean;
|
|
21
|
+
__experimentalIsRenderedInSidebar: boolean;
|
|
18
22
|
disableCustomColors?: boolean | undefined;
|
|
19
|
-
enableAlpha?: boolean | undefined;
|
|
20
|
-
__experimentalHasMultipleOrigins?: boolean | undefined;
|
|
21
|
-
__experimentalIsRenderedInSidebar?: boolean | undefined;
|
|
22
23
|
hideLabelFromVision?: boolean | undefined;
|
|
23
24
|
label?: string | undefined;
|
|
24
25
|
disableUnits?: boolean | undefined;
|
|
25
|
-
enableStyle?: boolean | undefined;
|
|
26
26
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
27
27
|
showDropdownHeader?: boolean | undefined;
|
|
28
28
|
withSlider?: boolean | undefined;
|
|
@@ -34,6 +34,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
34
34
|
key?: import("react").Key | null | undefined;
|
|
35
35
|
slot?: string | undefined;
|
|
36
36
|
title?: string | undefined;
|
|
37
|
+
id?: string | undefined;
|
|
37
38
|
defaultChecked?: boolean | undefined;
|
|
38
39
|
suppressContentEditableWarning?: boolean | undefined;
|
|
39
40
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -42,7 +43,6 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
42
43
|
contextMenu?: string | undefined;
|
|
43
44
|
dir?: string | undefined;
|
|
44
45
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
45
|
-
id?: string | undefined;
|
|
46
46
|
lang?: string | undefined;
|
|
47
47
|
placeholder?: string | undefined;
|
|
48
48
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -79,7 +79,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
|
|
|
79
79
|
'aria-colindex'?: number | undefined;
|
|
80
80
|
'aria-colspan'?: number | undefined;
|
|
81
81
|
'aria-controls'?: string | undefined;
|
|
82
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
82
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
83
83
|
'aria-describedby'?: string | undefined;
|
|
84
84
|
'aria-details'?: string | undefined;
|
|
85
85
|
'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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqI3D"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", import("
|
|
2
|
+
declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
3
|
+
disableCustomColors?: boolean | undefined;
|
|
4
|
+
} & Pick<import("../types").BorderControlProps, "size" | "enableStyle"> & {
|
|
3
5
|
border?: import("../types").Border | undefined;
|
|
4
6
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
5
|
-
enableStyle?: boolean | undefined;
|
|
6
7
|
onChange: (newBorder?: import("../types").Border | undefined) => void;
|
|
7
8
|
previousStyleSelection?: string | undefined;
|
|
8
9
|
showDropdownHeader?: boolean | undefined;
|
|
9
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
10
10
|
} & import("react").RefAttributes<any>, true>;
|
|
11
11
|
export default ConnectedBorderControlDropdown;
|
|
12
12
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -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":";AA8PA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
|
|
@@ -4,7 +4,9 @@ import type { DropdownProps } from '../types';
|
|
|
4
4
|
export declare function useBorderControlDropdown(props: WordPressComponentProps<DropdownProps, 'div'>): {
|
|
5
5
|
border: import("../types").Border | undefined;
|
|
6
6
|
className: string;
|
|
7
|
-
colors: import("
|
|
7
|
+
colors: (import("../../color-palette/types").ColorObject | import("../../color-palette/types").PaletteObject)[];
|
|
8
|
+
enableAlpha: boolean;
|
|
9
|
+
enableStyle: boolean;
|
|
8
10
|
indicatorClassName: string;
|
|
9
11
|
indicatorWrapperClassName: string;
|
|
10
12
|
onColorChange: (color?: string | undefined) => void;
|
|
@@ -13,12 +15,10 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
13
15
|
popoverContentClassName: string;
|
|
14
16
|
popoverControlsClassName: string;
|
|
15
17
|
resetButtonClassName: string;
|
|
18
|
+
__experimentalHasMultipleOrigins: boolean;
|
|
19
|
+
__experimentalIsRenderedInSidebar: boolean;
|
|
16
20
|
disableCustomColors?: boolean | undefined;
|
|
17
|
-
enableAlpha?: boolean | undefined;
|
|
18
|
-
__experimentalHasMultipleOrigins?: boolean | undefined;
|
|
19
|
-
__experimentalIsRenderedInSidebar?: boolean | undefined;
|
|
20
21
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
21
|
-
enableStyle?: boolean | undefined;
|
|
22
22
|
showDropdownHeader?: boolean | undefined;
|
|
23
23
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
24
24
|
color?: string | undefined;
|
|
@@ -28,6 +28,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
28
28
|
key?: import("react").Key | null | undefined;
|
|
29
29
|
slot?: string | undefined;
|
|
30
30
|
title?: string | undefined;
|
|
31
|
+
id?: string | undefined;
|
|
31
32
|
defaultChecked?: boolean | undefined;
|
|
32
33
|
suppressContentEditableWarning?: boolean | undefined;
|
|
33
34
|
suppressHydrationWarning?: boolean | undefined;
|
|
@@ -36,7 +37,6 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
36
37
|
contextMenu?: string | undefined;
|
|
37
38
|
dir?: string | undefined;
|
|
38
39
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
39
|
-
id?: string | undefined;
|
|
40
40
|
lang?: string | undefined;
|
|
41
41
|
placeholder?: string | undefined;
|
|
42
42
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
@@ -73,7 +73,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
|
|
|
73
73
|
'aria-colindex'?: number | undefined;
|
|
74
74
|
'aria-colspan'?: number | undefined;
|
|
75
75
|
'aria-controls'?: string | undefined;
|
|
76
|
-
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "
|
|
76
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
|
|
77
77
|
'aria-describedby'?: string | undefined;
|
|
78
78
|
'aria-details'?: string | undefined;
|
|
79
79
|
'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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoFtD"}
|
|
@@ -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;
|
|
@@ -10,7 +10,9 @@ import { BorderControl } from '..';
|
|
|
10
10
|
import type { Border } from '../types';
|
|
11
11
|
declare const meta: ComponentMeta<typeof BorderControl>;
|
|
12
12
|
export default meta;
|
|
13
|
-
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
13
|
+
export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
14
|
+
disableCustomColors?: boolean | undefined;
|
|
15
|
+
} & import("../types").LabelProps & {
|
|
14
16
|
disableUnits?: boolean | undefined;
|
|
15
17
|
enableStyle?: boolean | undefined;
|
|
16
18
|
isCompact?: boolean | undefined;
|
|
@@ -18,15 +20,17 @@ export declare const Default: ComponentStory<import("../../ui/context").WordPres
|
|
|
18
20
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
19
21
|
shouldSanitizeBorder?: boolean | undefined;
|
|
20
22
|
showDropdownHeader?: boolean | undefined;
|
|
23
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
21
24
|
value?: Border | undefined;
|
|
22
25
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
23
26
|
withSlider?: boolean | undefined;
|
|
24
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
25
27
|
} & import("react").RefAttributes<any>, false>>;
|
|
26
28
|
/**
|
|
27
29
|
* Render a slider beside the control.
|
|
28
30
|
*/
|
|
29
|
-
export declare const WithSlider: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
31
|
+
export declare const WithSlider: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
32
|
+
disableCustomColors?: boolean | undefined;
|
|
33
|
+
} & import("../types").LabelProps & {
|
|
30
34
|
disableUnits?: boolean | undefined;
|
|
31
35
|
enableStyle?: boolean | undefined;
|
|
32
36
|
isCompact?: boolean | undefined;
|
|
@@ -34,15 +38,17 @@ export declare const WithSlider: ComponentStory<import("../../ui/context").WordP
|
|
|
34
38
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
35
39
|
shouldSanitizeBorder?: boolean | undefined;
|
|
36
40
|
showDropdownHeader?: boolean | undefined;
|
|
41
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
37
42
|
value?: Border | undefined;
|
|
38
43
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
39
44
|
withSlider?: boolean | undefined;
|
|
40
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
41
45
|
} & import("react").RefAttributes<any>, false>>;
|
|
42
46
|
/**
|
|
43
47
|
* When rendering with a slider, the `width` prop is useful to customize the width of the number input.
|
|
44
48
|
*/
|
|
45
|
-
export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
49
|
+
export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
50
|
+
disableCustomColors?: boolean | undefined;
|
|
51
|
+
} & import("../types").LabelProps & {
|
|
46
52
|
disableUnits?: boolean | undefined;
|
|
47
53
|
enableStyle?: boolean | undefined;
|
|
48
54
|
isCompact?: boolean | undefined;
|
|
@@ -50,16 +56,18 @@ export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/cont
|
|
|
50
56
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
51
57
|
shouldSanitizeBorder?: boolean | undefined;
|
|
52
58
|
showDropdownHeader?: boolean | undefined;
|
|
59
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
53
60
|
value?: Border | undefined;
|
|
54
61
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
55
62
|
withSlider?: boolean | undefined;
|
|
56
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
57
63
|
} & import("react").RefAttributes<any>, false>>;
|
|
58
64
|
/**
|
|
59
65
|
* Restrict the width of the control and prevent it from expanding to take up additional space.
|
|
60
66
|
* When `true`, the `width` prop will be ignored.
|
|
61
67
|
*/
|
|
62
|
-
export declare const IsCompact: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
68
|
+
export declare const IsCompact: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
69
|
+
disableCustomColors?: boolean | undefined;
|
|
70
|
+
} & import("../types").LabelProps & {
|
|
63
71
|
disableUnits?: boolean | undefined;
|
|
64
72
|
enableStyle?: boolean | undefined;
|
|
65
73
|
isCompact?: boolean | undefined;
|
|
@@ -67,15 +75,17 @@ export declare const IsCompact: ComponentStory<import("../../ui/context").WordPr
|
|
|
67
75
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
68
76
|
shouldSanitizeBorder?: boolean | undefined;
|
|
69
77
|
showDropdownHeader?: boolean | undefined;
|
|
78
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
70
79
|
value?: Border | undefined;
|
|
71
80
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
72
81
|
withSlider?: boolean | undefined;
|
|
73
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
74
82
|
} & import("react").RefAttributes<any>, false>>;
|
|
75
83
|
/**
|
|
76
84
|
* The `colors` object can contain multiple origins.
|
|
77
85
|
*/
|
|
78
|
-
export declare const WithMultipleOrigins: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
86
|
+
export declare const WithMultipleOrigins: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
87
|
+
disableCustomColors?: boolean | undefined;
|
|
88
|
+
} & import("../types").LabelProps & {
|
|
79
89
|
disableUnits?: boolean | undefined;
|
|
80
90
|
enableStyle?: boolean | undefined;
|
|
81
91
|
isCompact?: boolean | undefined;
|
|
@@ -83,15 +93,17 @@ export declare const WithMultipleOrigins: ComponentStory<import("../../ui/contex
|
|
|
83
93
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
84
94
|
shouldSanitizeBorder?: boolean | undefined;
|
|
85
95
|
showDropdownHeader?: boolean | undefined;
|
|
96
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
86
97
|
value?: Border | undefined;
|
|
87
98
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
88
99
|
withSlider?: boolean | undefined;
|
|
89
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
90
100
|
} & import("react").RefAttributes<any>, false>>;
|
|
91
101
|
/**
|
|
92
102
|
* Allow the alpha channel to be edited on each color.
|
|
93
103
|
*/
|
|
94
|
-
export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("
|
|
104
|
+
export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
|
|
105
|
+
disableCustomColors?: boolean | undefined;
|
|
106
|
+
} & import("../types").LabelProps & {
|
|
95
107
|
disableUnits?: boolean | undefined;
|
|
96
108
|
enableStyle?: boolean | undefined;
|
|
97
109
|
isCompact?: boolean | undefined;
|
|
@@ -99,9 +111,9 @@ export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context")
|
|
|
99
111
|
__unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
|
|
100
112
|
shouldSanitizeBorder?: boolean | undefined;
|
|
101
113
|
showDropdownHeader?: boolean | undefined;
|
|
114
|
+
size?: "default" | "__unstable-large" | undefined;
|
|
102
115
|
value?: Border | undefined;
|
|
103
116
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
104
117
|
withSlider?: boolean | undefined;
|
|
105
|
-
size?: "default" | "__unstable-large" | undefined;
|
|
106
118
|
} & import("react").RefAttributes<any>, false>>;
|
|
107
119
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;+CAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;+CAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;+CAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;+CAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;+CAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;+CAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,kGAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,kGA8BjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,+HAgCjC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAGxB,CAAC"}
|
|
@@ -5,46 +5,18 @@ import type { CSSProperties } from 'react';
|
|
|
5
5
|
/**
|
|
6
6
|
* Internal dependencies
|
|
7
7
|
*/
|
|
8
|
+
import type { ColorPaletteProps } from '../color-palette/types';
|
|
8
9
|
import type { PopoverProps } from '../popover/types';
|
|
9
10
|
export declare type Border = {
|
|
10
11
|
color?: CSSProperties['borderColor'];
|
|
11
12
|
style?: CSSProperties['borderStyle'];
|
|
12
13
|
width?: CSSProperties['borderWidth'];
|
|
13
14
|
};
|
|
14
|
-
export declare type
|
|
15
|
-
name: string;
|
|
16
|
-
color: NonNullable<CSSProperties['color']>;
|
|
17
|
-
};
|
|
18
|
-
export declare type ColorOrigin = {
|
|
19
|
-
name: string;
|
|
20
|
-
colors: Color[];
|
|
21
|
-
};
|
|
22
|
-
export declare type Colors = ColorOrigin[] | Color[];
|
|
23
|
-
export declare type ColorProps = {
|
|
24
|
-
/**
|
|
25
|
-
* An array of color definitions. This may also be a multi-dimensional array
|
|
26
|
-
* where colors are organized by multiple origins.
|
|
27
|
-
*/
|
|
28
|
-
colors?: Colors;
|
|
15
|
+
export declare type ColorProps = Pick<ColorPaletteProps, 'colors' | 'enableAlpha' | '__experimentalHasMultipleOrigins' | '__experimentalIsRenderedInSidebar'> & {
|
|
29
16
|
/**
|
|
30
17
|
* This toggles the ability to choose custom colors.
|
|
31
18
|
*/
|
|
32
19
|
disableCustomColors?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* This controls whether the alpha channel will be offered when selecting
|
|
35
|
-
* custom colors.
|
|
36
|
-
*/
|
|
37
|
-
enableAlpha?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* This is passed on to the color related sub-components which need to be
|
|
40
|
-
* made aware of whether the colors prop contains multiple origins.
|
|
41
|
-
*/
|
|
42
|
-
__experimentalHasMultipleOrigins?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* This is passed on to the color related sub-components so they may render
|
|
45
|
-
* more effectively when used within a sidebar.
|
|
46
|
-
*/
|
|
47
|
-
__experimentalIsRenderedInSidebar?: boolean;
|
|
48
20
|
};
|
|
49
21
|
export declare type LabelProps = {
|
|
50
22
|
/**
|
|
@@ -63,8 +35,7 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
|
|
|
63
35
|
*/
|
|
64
36
|
disableUnits?: boolean;
|
|
65
37
|
/**
|
|
66
|
-
* This controls whether to
|
|
67
|
-
* `BorderDropdown` sub-component.
|
|
38
|
+
* This controls whether to support border style selection.
|
|
68
39
|
*
|
|
69
40
|
* @default true
|
|
70
41
|
*/
|
|
@@ -98,6 +69,12 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
|
|
|
98
69
|
* and a close button.
|
|
99
70
|
*/
|
|
100
71
|
showDropdownHeader?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Size of the control.
|
|
74
|
+
*
|
|
75
|
+
* @default 'default'
|
|
76
|
+
*/
|
|
77
|
+
size?: 'default' | '__unstable-large';
|
|
101
78
|
/**
|
|
102
79
|
* An object representing a border or `undefined`. Used to set the
|
|
103
80
|
* current border configuration for this component.
|
|
@@ -113,14 +90,8 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
|
|
|
113
90
|
* `RangeControl` for additional control over a border's width.
|
|
114
91
|
*/
|
|
115
92
|
withSlider?: boolean;
|
|
116
|
-
/**
|
|
117
|
-
* Size of the control.
|
|
118
|
-
*
|
|
119
|
-
* @default 'default'
|
|
120
|
-
*/
|
|
121
|
-
size?: 'default' | '__unstable-large';
|
|
122
93
|
};
|
|
123
|
-
export declare type DropdownProps = ColorProps & {
|
|
94
|
+
export declare type DropdownProps = ColorProps & Pick<BorderControlProps, 'enableStyle' | 'size'> & {
|
|
124
95
|
/**
|
|
125
96
|
* An object representing a border or `undefined`. This component will
|
|
126
97
|
* extract the border color and style selections from this object to use as
|
|
@@ -131,12 +102,6 @@ export declare type DropdownProps = ColorProps & {
|
|
|
131
102
|
* An internal prop used to control the visibility of the dropdown.
|
|
132
103
|
*/
|
|
133
104
|
__unstablePopoverProps?: Omit<PopoverProps, 'children'>;
|
|
134
|
-
/**
|
|
135
|
-
* This controls whether to render border style options.
|
|
136
|
-
*
|
|
137
|
-
* @default true
|
|
138
|
-
*/
|
|
139
|
-
enableStyle?: boolean;
|
|
140
105
|
/**
|
|
141
106
|
* A callback invoked when the border color or style selections change.
|
|
142
107
|
*/
|
|
@@ -153,12 +118,6 @@ export declare type DropdownProps = ColorProps & {
|
|
|
153
118
|
* close button.
|
|
154
119
|
*/
|
|
155
120
|
showDropdownHeader?: boolean;
|
|
156
|
-
/**
|
|
157
|
-
* Size of the control.
|
|
158
|
-
*
|
|
159
|
-
* @default 'default'
|
|
160
|
-
*/
|
|
161
|
-
size?: 'default' | '__unstable-large';
|
|
162
121
|
};
|
|
163
122
|
export declare type StylePickerProps = LabelProps & {
|
|
164
123
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,MAAM,GAAG;IACpB,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;CACvC,CAAC;AAEF,oBAAY,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,MAAM,GAAG;IACpB,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;CACvC,CAAC;AAEF,oBAAY,UAAU,GAAG,IAAI,CAC5B,iBAAiB,EACf,QAAQ,GACR,aAAa,GACb,kCAAkC,GAClC,mCAAmC,CACrC,GAAG;IACH;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAC1C,UAAU,GAAG;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,CAAC;IAC1D;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEH,oBAAY,aAAa,GAAG,UAAU,GACrC,IAAI,CAAE,kBAAkB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACpD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,CAAC;IAC1D;;OAEG;IACH,QAAQ,EAAE,CAAE,SAAS,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEH,oBAAY,gBAAgB,GAAG,UAAU,GAAG;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}
|