@wordpress/components 40.0.0 → 40.1.1-next.v.202609031004.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 +26 -0
- package/build/border-box-control/border-box-control/component.cjs +37 -5
- package/build/border-box-control/border-box-control/component.cjs.map +3 -3
- package/build/border-box-control/border-box-control/hook.cjs +24 -3
- package/build/border-box-control/border-box-control/hook.cjs.map +3 -3
- package/build/border-box-control/border-box-control-linked-button/hook.cjs +2 -2
- package/build/border-box-control/border-box-control-linked-button/hook.cjs.map +2 -2
- package/build/border-box-control/border-box-control-split-controls/hook.cjs +2 -2
- package/build/border-box-control/border-box-control-split-controls/hook.cjs.map +2 -2
- package/build/border-box-control/border-box-control-visualizer/hook.cjs +2 -2
- package/build/border-box-control/border-box-control-visualizer/hook.cjs.map +2 -2
- package/build/color-palette/index.cjs +1 -1
- package/build/color-palette/index.cjs.map +2 -2
- package/build/context/context-system-provider.cjs +2 -5
- package/build/context/context-system-provider.cjs.map +3 -3
- package/build/context/use-context-system.cjs +7 -2
- package/build/context/use-context-system.cjs.map +2 -2
- package/build/icon/index.cjs +30 -12
- package/build/icon/index.cjs.map +2 -2
- package/build/item-group/item/hook.cjs +1 -1
- package/build/item-group/item/hook.cjs.map +2 -2
- package/build/item-group/item-group/hook.cjs +1 -1
- package/build/item-group/item-group/hook.cjs.map +2 -2
- package/build/resizable-box/index.cjs.map +1 -1
- package/build/snackbar/index.cjs +8 -5
- package/build/snackbar/index.cjs.map +2 -2
- package/build/tools-panel/tools-panel/hook.cjs +102 -106
- package/build/tools-panel/tools-panel/hook.cjs.map +2 -2
- package/build/tools-panel/tools-panel-item/hook.cjs +33 -33
- package/build/tools-panel/tools-panel-item/hook.cjs.map +2 -2
- package/build-module/border-box-control/border-box-control/component.mjs +38 -6
- package/build-module/border-box-control/border-box-control/component.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control/hook.mjs +14 -3
- package/build-module/border-box-control/border-box-control/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs +2 -2
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs +2 -2
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs +2 -2
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs.map +2 -2
- package/build-module/color-palette/index.mjs +1 -1
- package/build-module/color-palette/index.mjs.map +2 -2
- package/build-module/context/context-system-provider.mjs +2 -5
- package/build-module/context/context-system-provider.mjs.map +3 -3
- package/build-module/context/use-context-system.mjs +7 -2
- package/build-module/context/use-context-system.mjs.map +2 -2
- package/build-module/icon/index.mjs +30 -12
- package/build-module/icon/index.mjs.map +2 -2
- package/build-module/item-group/item/hook.mjs +1 -1
- package/build-module/item-group/item/hook.mjs.map +2 -2
- package/build-module/item-group/item-group/hook.mjs +1 -1
- package/build-module/item-group/item-group/hook.mjs.map +2 -2
- package/build-module/resizable-box/index.mjs.map +1 -1
- package/build-module/snackbar/index.mjs +8 -5
- package/build-module/snackbar/index.mjs.map +2 -2
- package/build-module/tools-panel/tools-panel/hook.mjs +103 -107
- package/build-module/tools-panel/tools-panel/hook.mjs.map +2 -2
- package/build-module/tools-panel/tools-panel-item/hook.mjs +35 -35
- package/build-module/tools-panel/tools-panel-item/hook.mjs.map +2 -2
- package/build-style/style-rtl.css +7 -35
- package/build-style/style.css +7 -35
- package/build-types/border-box-control/border-box-control/component.d.ts +4 -0
- 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 +4 -2
- package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
- package/build-types/border-box-control/types.d.ts +6 -2
- package/build-types/border-box-control/types.d.ts.map +1 -1
- package/build-types/composite/types.d.ts +1 -1
- package/build-types/context/context-system-provider.d.ts +8 -6
- package/build-types/context/context-system-provider.d.ts.map +1 -1
- package/build-types/context/use-context-system.d.ts.map +1 -1
- package/build-types/icon/index.d.ts.map +1 -1
- package/build-types/popover/types.d.ts +6 -2
- package/build-types/popover/types.d.ts.map +1 -1
- package/build-types/snackbar/index.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts +4 -4
- package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
- package/build-types/tools-panel/types.d.ts +52 -9
- package/build-types/tools-panel/types.d.ts.map +1 -1
- package/package.json +26 -25
- package/src/angle-picker-control/style.module.scss +1 -1
- package/src/autocomplete/test/get-autocomplete-match.ts +2 -1
- package/src/base-control/stories/index.story.tsx +2 -2
- package/src/border-box-control/border-box-control/README.md +5 -3
- package/src/border-box-control/border-box-control/component.tsx +83 -15
- package/src/border-box-control/border-box-control/hook.ts +19 -1
- package/src/border-box-control/stories/index.story.tsx +10 -0
- package/src/border-box-control/style.module.scss +34 -3
- package/src/border-box-control/test/{index.tsx → index.jsdom.test.tsx} +133 -0
- package/src/border-box-control/test/utils.ts +11 -0
- package/src/border-box-control/types.ts +6 -2
- package/src/border-control/test/{index.js → index.jsdom.test.tsx} +20 -13
- package/src/checkbox-control/style.scss +2 -2
- package/src/checkbox-control/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +8 -5
- package/src/color-palette/index.tsx +1 -1
- package/src/composite/README.md +1 -1
- package/src/composite/types.ts +1 -1
- package/src/context/{context-system-provider.js → context-system-provider.tsx} +19 -5
- package/src/context/stories/{ComponentsProvider.stories.jsx → ComponentsProvider.stories.tsx} +2 -2
- package/src/context/test/__snapshots__/{context-system-provider.js.snap → context-system-provider.jsdom.test.tsx.snap} +3 -3
- package/src/context/test/context-connect.tsx +1 -2
- package/src/context/test/{context-system-provider.js → context-system-provider.jsdom.test.tsx} +81 -43
- package/src/context/test/wordpress-component.tsx +1 -2
- package/src/context/use-context-system.js +13 -4
- package/src/custom-gradient-picker/test/serializer.ts +1 -0
- package/src/date-time/test/utils.test.ts +9 -0
- package/src/draggable/style.module.scss +1 -1
- package/src/dropdown/style.module.scss +2 -2
- package/src/font-size-picker/test/utils.ts +1 -0
- package/src/icon/index.tsx +28 -12
- package/src/icon/test/{index.tsx → index.jsdom.test.tsx} +66 -0
- package/src/input-control/test/{index.js → index.jsdom.test.tsx} +16 -10
- package/src/item-group/style.module.scss +1 -2
- package/src/navigator/test/router.ts +1 -0
- package/src/notice/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +5 -2
- package/src/popover/README.md +2 -2
- package/src/popover/test/{index.tsx → index.jsdom.test.tsx} +23 -0
- package/src/popover/types.ts +9 -3
- package/src/query-controls/test/terms.ts +1 -0
- package/src/resizable-box/index.tsx +1 -1
- package/src/slot-fill/test/{index.js → index.jsdom.test.tsx} +3 -3
- package/src/slot-fill/test/{slot.js → slot.jsdom.test.tsx} +17 -9
- package/src/snackbar/index.tsx +10 -6
- package/src/snackbar/test/{index.tsx → index.jsdom.test.tsx} +28 -2
- package/src/snackbar/test/list.jsdom.test.tsx +99 -0
- package/src/surface/style.module.scss +2 -2
- package/src/textarea-control/style.module.scss +1 -1
- package/src/tip/style.scss +1 -1
- package/src/toggle-group-control/toggle-group-control/style.module.scss +1 -1
- package/src/tools-panel/test/{index.tsx → index.jsdom.test.tsx} +528 -9
- package/src/tools-panel/tools-panel/hook.ts +195 -180
- package/src/tools-panel/tools-panel-item/README.md +42 -1
- package/src/tools-panel/tools-panel-item/hook.ts +97 -69
- package/src/tools-panel/types.ts +54 -9
- package/src/truncate/style.module.scss +0 -1
- package/src/unit-control/test/utils.ts +1 -0
- package/src/utils/hooks/test/{use-controlled-state.js → use-controlled-state.jsdom.test.tsx} +17 -3
- package/src/utils/hooks/test/{use-controlled-value.js → use-controlled-value.jsdom.test.tsx} +3 -1
- package/src/utils/hooks/test/{use-cx.js → use-cx.jsdom.test.tsx} +3 -1
- package/src/utils/test/colors.js +1 -0
- package/src/utils/test/{get-node-text.js → get-node-text.tsx} +1 -0
- package/src/utils/test/math.js +1 -0
- package/src/utils/test/rtl.js +1 -0
- package/src/utils/test/space.js +1 -0
- package/src/utils/test/strings.js +1 -0
- package/src/utils/test/unit-values.js +1 -0
- package/src/view/test/{index.js → index.jsdom.test.tsx} +5 -1
- package/src/snackbar/test/list.tsx +0 -39
- /package/src/alignment-matrix-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/autocomplete/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/badge/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/base-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/box-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/button/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/card/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/card/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/checkbox-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/circular-option-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/color-indicator/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/color-indicator/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/color-palette/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/color-palette/test/{utils.ts → utils.jsdom.test.ts} +0 -0
- /package/src/color-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/combobox-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/composite/legacy/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/composite/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/confirm-dialog/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/content-editable-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/custom-gradient-picker/gradient-bar/test/{utils.ts → utils.jsdom.test.ts} +0 -0
- /package/src/custom-gradient-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/custom-select-control/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/custom-select-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/custom-select-control-v2/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/date-time/date-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/date-time/date-picker/test/{use-lilius.ts → use-lilius.jsdom.test.ts} +0 -0
- /package/src/date-time/date-time/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/date-time/time-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/date-time/time-picker/time-input/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/disabled/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/divider/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/dropdown/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/dropdown-menu/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/duotone-picker/test/{custom-duotone-bar.tsx → custom-duotone-bar.jsdom.test.tsx} +0 -0
- /package/src/duotone-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/elevation/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/elevation/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/external-link/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/flex/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/flex/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/focal-point-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/focal-point-picker/test/{media.tsx → media.jsdom.test.tsx} +0 -0
- /package/src/font-size-picker/test/{font-size-picker-select.tsx → font-size-picker-select.jsdom.test.tsx} +0 -0
- /package/src/font-size-picker/test/{font-size-picker-toggle-group.tsx → font-size-picker-toggle-group.jsdom.test.tsx} +0 -0
- /package/src/font-size-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/form-file-upload/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/form-toggle/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/form-toggle/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/form-token-field/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/gradient-picker/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/grid/test/{grid.tsx → grid.jsdom.test.tsx} +0 -0
- /package/src/guide/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/h-stack/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/h-stack/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/heading/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/heading/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-fallback-styles/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-filters/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/higher-order/with-filters/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-focus-outside/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-focus-return/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-notices/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/higher-order/with-spoken-messages/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/input-control/test/__snapshots__/{index.js.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/isolated-event-container/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/item-group/test/__snapshots__/{index.js.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/item-group/test/{index.js → index.jsdom.test.tsx} +0 -0
- /package/src/keyboard-shortcuts/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/menu/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/menu-group/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/menu-item/test/__snapshots__/{index.js.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/menu-item/test/{index.js → index.jsdom.test.tsx} +0 -0
- /package/src/modal/test/{aria-helper.ts → aria-helper.jsdom.test.ts} +0 -0
- /package/src/modal/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/navigable-container/test/{navigable-menu.tsx → navigable-menu.jsdom.test.tsx} +0 -0
- /package/src/navigable-container/test/{tababble-container.tsx → tababble-container.jsdom.test.tsx} +0 -0
- /package/src/navigator/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/notice/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/notice/test/{list.tsx → list.jsdom.test.tsx} +0 -0
- /package/src/number-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/palette-edit/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/panel/test/__snapshots__/{body.tsx.snap → body.jsdom.test.tsx.snap} +0 -0
- /package/src/panel/test/__snapshots__/{header.tsx.snap → header.jsdom.test.tsx.snap} +0 -0
- /package/src/panel/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/panel/test/__snapshots__/{row.tsx.snap → row.jsdom.test.tsx.snap} +0 -0
- /package/src/panel/test/{body.tsx → body.jsdom.test.tsx} +0 -0
- /package/src/panel/test/{header.tsx → header.jsdom.test.tsx} +0 -0
- /package/src/panel/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/panel/test/{row.tsx → row.jsdom.test.tsx} +0 -0
- /package/src/placeholder/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/progress-bar/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/radio-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/range-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/resizable-box/resize-tooltip/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/resizable-box/resize-tooltip/test/{label.tsx → label.jsdom.test.tsx} +0 -0
- /package/src/sandbox/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/scroll-lock/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/scrollable/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/search-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/select-control/test/__snapshots__/{select-control.tsx.snap → select-control.jsdom.test.tsx.snap} +0 -0
- /package/src/select-control/test/{select-control.tsx → select-control.jsdom.test.tsx} +0 -0
- /package/src/shortcut/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/shortcut/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/slot-fill/test/__snapshots__/{slot.js.snap → slot.jsdom.test.tsx.snap} +0 -0
- /package/src/spacer/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/spacer/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/style-provider/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/surface/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/tab-panel/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/tabs/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/text/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/text/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/text-control/test/{text-control.tsx → text-control.jsdom.test.tsx} +0 -0
- /package/src/text-highlight/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/toggle-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/toggle-group-control/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/toggle-group-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/toolbar/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/toolbar/test/{toolbar-group.tsx → toolbar-group.jsdom.test.tsx} +0 -0
- /package/src/tooltip/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/tree-grid/test/__snapshots__/{cell.tsx.snap → cell.jsdom.test.tsx.snap} +0 -0
- /package/src/tree-grid/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/tree-grid/test/__snapshots__/{roving-tab-index-item.tsx.snap → roving-tab-index-item.jsdom.test.tsx.snap} +0 -0
- /package/src/tree-grid/test/__snapshots__/{roving-tab-index.tsx.snap → roving-tab-index.jsdom.test.tsx.snap} +0 -0
- /package/src/tree-grid/test/__snapshots__/{row.tsx.snap → row.jsdom.test.tsx.snap} +0 -0
- /package/src/tree-grid/test/{cell.tsx → cell.jsdom.test.tsx} +0 -0
- /package/src/tree-grid/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/tree-grid/test/{roving-tab-index-item.tsx → roving-tab-index-item.jsdom.test.tsx} +0 -0
- /package/src/tree-grid/test/{roving-tab-index.tsx → roving-tab-index.jsdom.test.tsx} +0 -0
- /package/src/tree-grid/test/{row.tsx → row.jsdom.test.tsx} +0 -0
- /package/src/truncate/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/unit-control/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/utils/test/{polymorphic-element.tsx → polymorphic-element.jsdom.test.tsx} +0 -0
- /package/src/v-stack/test/__snapshots__/{index.tsx.snap → index.jsdom.test.tsx.snap} +0 -0
- /package/src/v-stack/test/{index.tsx → index.jsdom.test.tsx} +0 -0
- /package/src/validated-form-controls/test/{content-editable-control.tsx → content-editable-control.jsdom.test.tsx} +0 -0
- /package/src/validated-form-controls/test/{custom-select-control.tsx → custom-select-control.jsdom.test.tsx} +0 -0
- /package/src/validated-form-controls/test/{input-control.tsx → input-control.jsdom.test.tsx} +0 -0
- /package/src/validated-form-controls/test/{range-control.tsx → range-control.jsdom.test.tsx} +0 -0
- /package/src/validated-form-controls/test/{textarea-control.tsx → textarea-control.jsdom.test.tsx} +0 -0
- /package/src/view/test/__snapshots__/{index.js.snap → index.jsdom.test.tsx.snap} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/tools-panel/tools-panel-item/hook.ts", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
|
|
4
|
-
"sourcesContent": ["import clsx from 'clsx';\nimport { usePrevious } from '@wordpress/compose';\nimport { useCallback, useEffect, useLayoutEffect } from '@wordpress/element';\nimport styles from '../style.module.scss';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nconst noop = () => {};\nexport function useToolsPanelItem(props) {\n const {\n className,\n hasValue,\n isShownByDefault = false,\n label,\n panelId,\n resetAllFilter = noop,\n onDeselect,\n onSelect,\n ...otherProps\n } = useContextSystem(props, 'ToolsPanelItem');\n const {\n panelId: currentPanelId,\n menuItems,\n registerResetAllFilter,\n deregisterResetAllFilter,\n registerPanelItem,\n deregisterPanelItem,\n flagItemCustomization,\n isResetting,\n shouldRenderPlaceholderItems: shouldRenderPlaceholder,\n firstDisplayedItem,\n lastDisplayedItem,\n __experimentalFirstVisibleItemClass,\n __experimentalLastVisibleItemClass\n } = useToolsPanelContext();\n\n // hasValue is a new function on every render, so do not add it as a\n // dependency to the useCallback hook! If needed, we should use a ref.\n const hasValueCallback = useCallback(hasValue, [panelId]);\n // resetAllFilter is a new function on every render, so do not add it as a\n // dependency to the useCallback hook! If needed, we should use a ref.\n const resetAllFilterCallback = useCallback(resetAllFilter, [panelId]);\n const previousPanelId = usePrevious(currentPanelId);\n const hasMatchingPanel = currentPanelId === panelId || currentPanelId === null;\n\n // Registering the panel item allows the panel to include it in its\n // automatically generated menu and determine its initial checked status.\n //\n // This is performed in a layout effect to ensure that the panel item\n // is registered before it is rendered preventing a rendering glitch.\n // See: https://github.com/WordPress/gutenberg/issues/56470\n useLayoutEffect(() => {\n if (hasMatchingPanel && previousPanelId !== null) {\n registerPanelItem({\n hasValue: hasValueCallback,\n isShownByDefault,\n label,\n panelId\n });\n }\n return () => {\n if (previousPanelId === null && !!currentPanelId || currentPanelId === panelId) {\n deregisterPanelItem(label);\n }\n };\n }, [currentPanelId, hasMatchingPanel, isShownByDefault, label, hasValueCallback, panelId, previousPanelId, registerPanelItem, deregisterPanelItem]);\n useEffect(() => {\n if (hasMatchingPanel) {\n registerResetAllFilter(resetAllFilterCallback);\n }\n return () => {\n if (hasMatchingPanel) {\n deregisterResetAllFilter(resetAllFilterCallback);\n }\n };\n }, [registerResetAllFilter, deregisterResetAllFilter, resetAllFilterCallback, hasMatchingPanel]);\n\n // Note: `label` is used as a key when building menu item state in\n // `ToolsPanel`.\n const menuGroup = isShownByDefault ? 'default' : 'optional';\n const isMenuItemChecked = menuItems?.[menuGroup]?.[label];\n const wasMenuItemChecked = usePrevious(isMenuItemChecked);\n const isRegistered = menuItems?.[menuGroup]?.[label] !== undefined;\n const isValueSet = hasValue();\n // Notify the panel when an item's value has changed except for optional\n // items without value because the item should not cause itself to hide.\n useEffect(() => {\n if (!isShownByDefault && !isValueSet) {\n return;\n }\n flagItemCustomization(isValueSet, label, menuGroup);\n }, [isValueSet, menuGroup, label, flagItemCustomization, isShownByDefault]);\n\n // Determine if the panel item's corresponding menu is being toggled and\n // trigger appropriate callback if it is.\n useEffect(() => {\n // We check whether this item is currently registered as items rendered\n // via fills can persist through the parent panel being remounted.\n // See: https://github.com/WordPress/gutenberg/pull/45673\n if (!isRegistered || isResetting || !hasMatchingPanel) {\n return;\n }\n if (isMenuItemChecked && !isValueSet && !wasMenuItemChecked) {\n onSelect?.();\n }\n if (!isMenuItemChecked && isValueSet && wasMenuItemChecked) {\n onDeselect?.();\n }\n }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, wasMenuItemChecked, onSelect, onDeselect]);\n\n // The item is shown if it is a default control regardless of whether it\n // has a value. Optional items are shown when they are checked or have\n // a value.\n const isShown = isShownByDefault ? menuItems?.[menuGroup]?.[label] !== undefined : isMenuItemChecked;\n const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;\n const classes = clsx(styles['tools-panel-item'], shouldApplyPlaceholderStyles && styles['tools-panel-item-placeholder'], !shouldApplyPlaceholderStyles && className, firstDisplayedItem === label && __experimentalFirstVisibleItemClass, lastDisplayedItem === label && __experimentalLastVisibleItemClass);\n return {\n ...otherProps,\n isShown,\n shouldRenderPlaceholder,\n className: classes\n };\n}", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n const globalScope = globalThis;\n if (globalScope.__wpStyleRuntime) {\n return globalScope.__wpStyleRuntime;\n }\n globalScope.__wpStyleRuntime = {\n documents: new Map(),\n styles: new Map(),\n injectedStyles: new WeakMap()\n };\n if (typeof document !== 'undefined') {\n registerDocument(document);\n }\n return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n if (!targetDocument.head) {\n return false;\n }\n for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash Stable hash for the transformed CSS.\n * @param css CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n if (!targetDocument.head) {\n return;\n }\n const runtime = getRuntime();\n let injectedStyles = runtime.injectedStyles.get(targetDocument);\n if (!injectedStyles) {\n injectedStyles = new Set();\n runtime.injectedStyles.set(targetDocument, injectedStyles);\n }\n if (injectedStyles.has(hash)) {\n return;\n }\n\n // Older generated CSS module output can still inject matching style tags\n // after this document's cache is created, so keep the DOM as the fallback\n // source of truth on cache misses.\n if (documentContainsStyleHash(targetDocument, hash)) {\n injectedStyles.add(hash);\n return;\n }\n const style = targetDocument.createElement('style');\n style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n style.appendChild(targetDocument.createTextNode(css));\n targetDocument.head.appendChild(style);\n injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n const runtime = getRuntime();\n runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n for (const [hash, css] of runtime.styles) {\n injectStyle(targetDocument, hash, css);\n }\n return () => {\n const count = runtime.documents.get(targetDocument);\n if (count === undefined) {\n return;\n }\n if (count <= 1) {\n runtime.documents.delete(targetDocument);\n return;\n }\n runtime.documents.set(targetDocument, count - 1);\n };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n const runtime = getRuntime();\n runtime.styles.set(hash, css);\n for (const targetDocument of runtime.documents.keys()) {\n injectStyle(targetDocument, hash, css);\n }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"29b739f451\", \"._62d714739f4dc308__tools-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}._40db7f4f897b683d__tools-panel-with-inner-wrapper>div:not(:first-of-type){column-gap:16px;display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}._95a15674966f30a3__tools-panel-hidden-inner-wrapper>div:not(:first-of-type){display:none}._322a049b9b7d8674__tools-panel-header{gap:8px;grid-column:1/-1}._322a049b9b7d8674__tools-panel-header .components-dropdown-menu{line-height:0;margin:-4px 0}._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header .components-dropdown-menu__toggle{min-width:24px;padding:0}.b92a382d3b30104d__tools-panel-heading.b92a382d3b30104d__tools-panel-heading{font-size:inherit;line-height:normal;margin:0}._8005d68fffa9db91__tools-panel-item{grid-column:1/-1}._8005d68fffa9db91__tools-panel-item>div,._8005d68fffa9db91__tools-panel-item>fieldset{margin-bottom:0;max-width:100%;padding-bottom:0}._8005d68fffa9db91__tools-panel-item .components-base-control__help,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control .components-base-control__field:last-child{margin-bottom:0}._4f55e1a6e373746e__tools-panel-item-placeholder{display:none}.d40032517bff9e12__dropdown-menu{min-width:200px}.f135b96aa96ca6bb__reset-label{color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:1.4;margin-inline-start:12px;text-transform:uppercase}._69b138dfa5570d9c__default-controls-item{color:#1e1e1e}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]{color:#757575;opacity:1}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]:hover{color:#757575}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true] .f135b96aa96ca6bb__reset-label{opacity:.3}\");\n}\nexport default {\"tools-panel\":\"_62d714739f4dc308__tools-panel\",\"tools-panel-with-inner-wrapper\":\"_40db7f4f897b683d__tools-panel-with-inner-wrapper\",\"tools-panel-hidden-inner-wrapper\":\"_95a15674966f30a3__tools-panel-hidden-inner-wrapper\",\"tools-panel-header\":\"_322a049b9b7d8674__tools-panel-header\",\"tools-panel-heading\":\"b92a382d3b30104d__tools-panel-heading\",\"tools-panel-item\":\"_8005d68fffa9db91__tools-panel-item\",\"tools-panel-item-placeholder\":\"_4f55e1a6e373746e__tools-panel-item-placeholder\",\"dropdown-menu\":\"d40032517bff9e12__dropdown-menu\",\"reset-label\":\"f135b96aa96ca6bb__reset-label\",\"default-controls-item\":\"_69b138dfa5570d9c__default-controls-item\"};\n"],
|
|
5
|
-
"mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\nimport { useEvent } from '@wordpress/compose';\nimport { useCallback, useEffect, useLayoutEffect, useRef } from '@wordpress/element';\nimport styles from '../style.module.scss';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nconst noop = () => {};\nexport function useToolsPanelItem(props) {\n const {\n className,\n defaultShown,\n hasValue,\n isShownByDefault = false,\n label,\n panelId,\n resetAllFilter = noop,\n onDeselect,\n onSelect,\n onShownChange,\n ...otherProps\n } = useContextSystem(props, 'ToolsPanelItem');\n const {\n panelId: currentPanelId,\n menuItems,\n registerPanelItem,\n deregisterPanelItem,\n flagItemCustomization,\n isResetting,\n shouldRenderPlaceholderItems: shouldRenderPlaceholder,\n firstDisplayedItem,\n lastDisplayedItem,\n __experimentalFirstVisibleItemClass,\n __experimentalLastVisibleItemClass\n } = useToolsPanelContext();\n\n // `hasValue` is a new function every render. It can't use `useEvent`\n // because the panel calls it while deriving the menu during render, which\n // `useEvent` forbids, so it stays keyed on the panel it was captured for.\n const hasValueCallback = useCallback(hasValue, [panelId]);\n // `resetAllFilter` only runs from the reset handler, so a stable identity\n // that always sees the latest props is both safe and more correct than\n // freezing it per panel.\n const resetAllFilterCallback = useEvent(resetAllFilter);\n\n // `defaultShown` seeds an item's visibility when it registers, and is\n // deliberately not reactive. Holding it in a ref keeps it out of the\n // registration effect below, so a change on its own cannot deregister and\n // re-register the item, which would discard the visibility the user chose\n // from the menu.\n //\n // The ref still tracks the latest value, so that a re-registration caused\n // by something else, such as `panelId` changing, seeds from the current\n // preference rather than a stale one.\n const defaultShownRef = useRef(defaultShown);\n // Declared before the registration effect below so that it has already\n // run by the time that effect reads the ref in the same commit.\n useLayoutEffect(() => {\n defaultShownRef.current = defaultShown;\n });\n\n // `onShownChange` is a new function every render. `useEvent` gives the item\n // a stable callback to register, while the panel still invokes the latest.\n const onShownChangeCallback = useEvent(onShownChange);\n\n // A panel spanning a multi-selection has no id of its own, so every item\n // belongs to it.\n const hasMatchingPanel = currentPanelId === panelId || currentPanelId === null;\n\n // A layout effect so the item is registered before it renders, avoiding a\n // glitch, and so a whole panel's worth of registrations land in one commit\n // for React to batch.\n // See: https://github.com/WordPress/gutenberg/issues/56470\n useLayoutEffect(() => {\n if (!hasMatchingPanel) {\n return;\n }\n const item = {\n defaultShown: defaultShownRef.current,\n hasValue: hasValueCallback,\n isShownByDefault,\n label,\n onShownChange: onShownChangeCallback,\n panelId,\n resetAllFilter: resetAllFilterCallback\n };\n registerPanelItem(item);\n\n // Passing the registration back lets the panel ignore this cleanup if\n // a replacement has already claimed the label, which happens when a\n // panel switches while its items arrive through a Slot.\n return () => {\n deregisterPanelItem(label, item);\n };\n }, [deregisterPanelItem, hasMatchingPanel, hasValueCallback, isShownByDefault, label, onShownChangeCallback, panelId, registerPanelItem, resetAllFilterCallback]);\n const menuGroup = isShownByDefault ? 'default' : 'optional';\n const isMenuItemChecked = menuItems?.[menuGroup]?.[label];\n const isRegistered = isMenuItemChecked !== undefined;\n // Tracks the effect below rather than the render, so renders that leave\n // the checked state alone can't desync it.\n const wasMenuItemCheckedRef = useRef(undefined);\n const isValueSet = hasValue();\n\n // An optional item losing its value must not hide itself, so only default\n // items report a value going away. Items belonging to another panel stay\n // silent or they would leave an orphaned entry in this panel's menu.\n //\n // Shares the layout phase with registration above so it runs against an\n // already registered item and batches with it.\n useLayoutEffect(() => {\n if (!hasMatchingPanel || !isShownByDefault && !isValueSet) {\n return;\n }\n flagItemCustomization(isValueSet, label);\n }, [hasMatchingPanel, isValueSet, label, flagItemCustomization, isShownByDefault]);\n\n // Passive so consumer callbacks don't run before the browser has painted.\n useEffect(() => {\n const wasMenuItemChecked = wasMenuItemCheckedRef.current;\n wasMenuItemCheckedRef.current = isMenuItemChecked;\n\n // An item has no menu entry until it registers, so the first time\n // through there is no previous checked state. Items that register\n // already shown, because they have a value or `defaultShown` was set,\n // must not look as though the user just selected them.\n const wasRegistered = wasMenuItemChecked !== undefined;\n\n // Items rendered via fills can outlive a remount of the panel they\n // belong to, leaving them unregistered.\n // See: https://github.com/WordPress/gutenberg/pull/45673\n if (!isRegistered || !wasRegistered || isResetting || !hasMatchingPanel) {\n return;\n }\n if (isMenuItemChecked && !isValueSet && !wasMenuItemChecked) {\n onSelect?.();\n }\n if (!isMenuItemChecked && isValueSet && wasMenuItemChecked) {\n onDeselect?.();\n }\n }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, onSelect, onDeselect]);\n\n // A default control shows whether or not it has a value; an optional one\n // shows once checked.\n const isShown = isShownByDefault ? isRegistered : isMenuItemChecked;\n const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;\n const classes = clsx(styles['tools-panel-item'], shouldApplyPlaceholderStyles && styles['tools-panel-item-placeholder'], !shouldApplyPlaceholderStyles && className, firstDisplayedItem === label && __experimentalFirstVisibleItemClass, lastDisplayedItem === label && __experimentalLastVisibleItemClass);\n return {\n ...otherProps,\n isShown,\n shouldRenderPlaceholder,\n className: classes\n };\n}", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n const globalScope = globalThis;\n if (globalScope.__wpStyleRuntime) {\n return globalScope.__wpStyleRuntime;\n }\n globalScope.__wpStyleRuntime = {\n documents: new Map(),\n styles: new Map(),\n injectedStyles: new WeakMap()\n };\n if (typeof document !== 'undefined') {\n registerDocument(document);\n }\n return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n if (!targetDocument.head) {\n return false;\n }\n for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash Stable hash for the transformed CSS.\n * @param css CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n if (!targetDocument.head) {\n return;\n }\n const runtime = getRuntime();\n let injectedStyles = runtime.injectedStyles.get(targetDocument);\n if (!injectedStyles) {\n injectedStyles = new Set();\n runtime.injectedStyles.set(targetDocument, injectedStyles);\n }\n if (injectedStyles.has(hash)) {\n return;\n }\n\n // Older generated CSS module output can still inject matching style tags\n // after this document's cache is created, so keep the DOM as the fallback\n // source of truth on cache misses.\n if (documentContainsStyleHash(targetDocument, hash)) {\n injectedStyles.add(hash);\n return;\n }\n const style = targetDocument.createElement('style');\n style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n style.appendChild(targetDocument.createTextNode(css));\n targetDocument.head.appendChild(style);\n injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n const runtime = getRuntime();\n runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n for (const [hash, css] of runtime.styles) {\n injectStyle(targetDocument, hash, css);\n }\n return () => {\n const count = runtime.documents.get(targetDocument);\n if (count === undefined) {\n return;\n }\n if (count <= 1) {\n runtime.documents.delete(targetDocument);\n return;\n }\n runtime.documents.set(targetDocument, count - 1);\n };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n const runtime = getRuntime();\n runtime.styles.set(hash, css);\n for (const targetDocument of runtime.documents.keys()) {\n injectStyle(targetDocument, hash, css);\n }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"29b739f451\", \"._62d714739f4dc308__tools-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}._40db7f4f897b683d__tools-panel-with-inner-wrapper>div:not(:first-of-type){column-gap:16px;display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}._95a15674966f30a3__tools-panel-hidden-inner-wrapper>div:not(:first-of-type){display:none}._322a049b9b7d8674__tools-panel-header{gap:8px;grid-column:1/-1}._322a049b9b7d8674__tools-panel-header .components-dropdown-menu{line-height:0;margin:-4px 0}._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header .components-dropdown-menu__toggle{min-width:24px;padding:0}.b92a382d3b30104d__tools-panel-heading.b92a382d3b30104d__tools-panel-heading{font-size:inherit;line-height:normal;margin:0}._8005d68fffa9db91__tools-panel-item{grid-column:1/-1}._8005d68fffa9db91__tools-panel-item>div,._8005d68fffa9db91__tools-panel-item>fieldset{margin-bottom:0;max-width:100%;padding-bottom:0}._8005d68fffa9db91__tools-panel-item .components-base-control__help,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control .components-base-control__field:last-child{margin-bottom:0}._4f55e1a6e373746e__tools-panel-item-placeholder{display:none}.d40032517bff9e12__dropdown-menu{min-width:200px}.f135b96aa96ca6bb__reset-label{color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:1.4;margin-inline-start:12px;text-transform:uppercase}._69b138dfa5570d9c__default-controls-item{color:#1e1e1e}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]{color:#757575;opacity:1}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]:hover{color:#757575}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true] .f135b96aa96ca6bb__reset-label{opacity:.3}\");\n}\nexport default {\"tools-panel\":\"_62d714739f4dc308__tools-panel\",\"tools-panel-with-inner-wrapper\":\"_40db7f4f897b683d__tools-panel-with-inner-wrapper\",\"tools-panel-hidden-inner-wrapper\":\"_95a15674966f30a3__tools-panel-hidden-inner-wrapper\",\"tools-panel-header\":\"_322a049b9b7d8674__tools-panel-header\",\"tools-panel-heading\":\"b92a382d3b30104d__tools-panel-heading\",\"tools-panel-item\":\"_8005d68fffa9db91__tools-panel-item\",\"tools-panel-item-placeholder\":\"_4f55e1a6e373746e__tools-panel-item-placeholder\",\"dropdown-menu\":\"d40032517bff9e12__dropdown-menu\",\"reset-label\":\"f135b96aa96ca6bb__reset-label\",\"default-controls-item\":\"_69b138dfa5570d9c__default-controls-item\"};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -279,9 +279,7 @@
|
|
|
279
279
|
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
|
280
280
|
margin: 0;
|
|
281
281
|
cursor: var(--wpds-cursor-control, pointer);
|
|
282
|
-
|
|
283
|
-
-moz-appearance: none;
|
|
284
|
-
appearance: none;
|
|
282
|
+
appearance: none;
|
|
285
283
|
background: none;
|
|
286
284
|
height: 36px;
|
|
287
285
|
align-items: center;
|
|
@@ -594,9 +592,6 @@ p + .components-button.is-tertiary {
|
|
|
594
592
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
595
593
|
box-shadow: none;
|
|
596
594
|
}
|
|
597
|
-
.components-checkbox-control__input[type=checkbox]::-moz-placeholder {
|
|
598
|
-
color: rgba(30, 30, 30, 0.62);
|
|
599
|
-
}
|
|
600
595
|
.components-checkbox-control__input[type=checkbox]::placeholder {
|
|
601
596
|
color: rgba(30, 30, 30, 0.62);
|
|
602
597
|
}
|
|
@@ -658,9 +653,7 @@ p + .components-button.is-tertiary {
|
|
|
658
653
|
vertical-align: top;
|
|
659
654
|
width: var(--checkbox-input-size);
|
|
660
655
|
height: var(--checkbox-input-size);
|
|
661
|
-
|
|
662
|
-
-moz-appearance: none;
|
|
663
|
-
appearance: none;
|
|
656
|
+
appearance: none;
|
|
664
657
|
}
|
|
665
658
|
@media not (prefers-reduced-motion) {
|
|
666
659
|
.components-checkbox-control__input[type=checkbox] {
|
|
@@ -697,7 +690,7 @@ p + .components-button.is-tertiary {
|
|
|
697
690
|
svg.components-checkbox-control__checked,
|
|
698
691
|
svg.components-checkbox-control__indeterminate {
|
|
699
692
|
--checkmark-size: var(--checkbox-input-size);
|
|
700
|
-
|
|
693
|
+
color: #fff;
|
|
701
694
|
cursor: var(--wpds-cursor-control, pointer);
|
|
702
695
|
position: absolute;
|
|
703
696
|
right: 50%;
|
|
@@ -706,7 +699,6 @@ svg.components-checkbox-control__indeterminate {
|
|
|
706
699
|
width: var(--checkmark-size);
|
|
707
700
|
height: var(--checkmark-size);
|
|
708
701
|
-webkit-user-select: none;
|
|
709
|
-
-moz-user-select: none;
|
|
710
702
|
user-select: none;
|
|
711
703
|
pointer-events: none;
|
|
712
704
|
}
|
|
@@ -719,7 +711,7 @@ svg.components-checkbox-control__indeterminate {
|
|
|
719
711
|
|
|
720
712
|
.components-checkbox-control:has(:disabled) svg.components-checkbox-control__checked,
|
|
721
713
|
.components-checkbox-control:has(:disabled) svg.components-checkbox-control__indeterminate {
|
|
722
|
-
|
|
714
|
+
color: var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral, #8d8d8d));
|
|
723
715
|
}
|
|
724
716
|
|
|
725
717
|
.components-checkbox-control__help {
|
|
@@ -933,9 +925,6 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
933
925
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
934
926
|
box-shadow: none;
|
|
935
927
|
}
|
|
936
|
-
.components-combobox-control__suggestions-container::-moz-placeholder {
|
|
937
|
-
color: rgba(30, 30, 30, 0.62);
|
|
938
|
-
}
|
|
939
928
|
.components-combobox-control__suggestions-container::placeholder {
|
|
940
929
|
color: rgba(30, 30, 30, 0.62);
|
|
941
930
|
}
|
|
@@ -1470,9 +1459,6 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
1470
1459
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
1471
1460
|
box-shadow: none;
|
|
1472
1461
|
}
|
|
1473
|
-
.components-form-token-field__input-container::-moz-placeholder {
|
|
1474
|
-
color: rgba(30, 30, 30, 0.62);
|
|
1475
|
-
}
|
|
1476
1462
|
.components-form-token-field__input-container::placeholder {
|
|
1477
1463
|
color: rgba(30, 30, 30, 0.62);
|
|
1478
1464
|
}
|
|
@@ -2477,9 +2463,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2477
2463
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
2478
2464
|
box-shadow: none;
|
|
2479
2465
|
}
|
|
2480
|
-
.components-placeholder__input[type=url]::-moz-placeholder {
|
|
2481
|
-
color: rgba(30, 30, 30, 0.62);
|
|
2482
|
-
}
|
|
2483
2466
|
.components-placeholder__input[type=url]::placeholder {
|
|
2484
2467
|
color: rgba(30, 30, 30, 0.62);
|
|
2485
2468
|
}
|
|
@@ -2617,7 +2600,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2617
2600
|
box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
|
|
2618
2601
|
border-radius: 4px;
|
|
2619
2602
|
box-sizing: border-box;
|
|
2620
|
-
width: -moz-min-content;
|
|
2621
2603
|
width: min-content;
|
|
2622
2604
|
}
|
|
2623
2605
|
.is-alternate .components-popover__content {
|
|
@@ -2724,8 +2706,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2724
2706
|
display: grid;
|
|
2725
2707
|
grid-template-columns: auto 1fr;
|
|
2726
2708
|
grid-template-rows: auto minmax(0, max-content);
|
|
2727
|
-
|
|
2728
|
-
column-gap: 8px;
|
|
2709
|
+
column-gap: 8px;
|
|
2729
2710
|
align-items: center;
|
|
2730
2711
|
}
|
|
2731
2712
|
|
|
@@ -2785,9 +2766,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2785
2766
|
display: inline-flex;
|
|
2786
2767
|
margin: 0;
|
|
2787
2768
|
padding: 0;
|
|
2788
|
-
|
|
2789
|
-
-moz-appearance: none;
|
|
2790
|
-
appearance: none;
|
|
2769
|
+
appearance: none;
|
|
2791
2770
|
}
|
|
2792
2771
|
.components-radio-control__input[type=radio]:not(:disabled) {
|
|
2793
2772
|
cursor: var(--wpds-cursor-control, pointer);
|
|
@@ -3048,7 +3027,6 @@ body.lockscroll {
|
|
|
3048
3027
|
}
|
|
3049
3028
|
@media (min-width: 600px) {
|
|
3050
3029
|
.components-snackbar {
|
|
3051
|
-
width: -moz-fit-content;
|
|
3052
3030
|
width: fit-content;
|
|
3053
3031
|
}
|
|
3054
3032
|
}
|
|
@@ -3283,9 +3261,6 @@ body.lockscroll {
|
|
|
3283
3261
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
3284
3262
|
box-shadow: none;
|
|
3285
3263
|
}
|
|
3286
|
-
.components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder {
|
|
3287
|
-
color: rgba(30, 30, 30, 0.62);
|
|
3288
|
-
}
|
|
3289
3264
|
.components-text-control__input::placeholder,
|
|
3290
3265
|
.components-text-control__input[type=text]::placeholder,
|
|
3291
3266
|
.components-text-control__input[type=tel]::placeholder,
|
|
@@ -3319,9 +3294,6 @@ body.lockscroll {
|
|
|
3319
3294
|
padding-right: 12px;
|
|
3320
3295
|
padding-left: 12px;
|
|
3321
3296
|
}
|
|
3322
|
-
.components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder {
|
|
3323
|
-
color: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
|
|
3324
|
-
}
|
|
3325
3297
|
.components-text-control__input::placeholder,
|
|
3326
3298
|
.components-text-control__input[type=text]::placeholder,
|
|
3327
3299
|
.components-text-control__input[type=tel]::placeholder,
|
|
@@ -3350,7 +3322,7 @@ body.lockscroll {
|
|
|
3350
3322
|
}
|
|
3351
3323
|
.components-tip svg {
|
|
3352
3324
|
align-self: center;
|
|
3353
|
-
|
|
3325
|
+
color: #f0b849;
|
|
3354
3326
|
flex-shrink: 0;
|
|
3355
3327
|
margin-left: 16px;
|
|
3356
3328
|
}
|
package/build-style/style.css
CHANGED
|
@@ -279,9 +279,7 @@
|
|
|
279
279
|
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
|
280
280
|
margin: 0;
|
|
281
281
|
cursor: var(--wpds-cursor-control, pointer);
|
|
282
|
-
|
|
283
|
-
-moz-appearance: none;
|
|
284
|
-
appearance: none;
|
|
282
|
+
appearance: none;
|
|
285
283
|
background: none;
|
|
286
284
|
height: 36px;
|
|
287
285
|
align-items: center;
|
|
@@ -594,9 +592,6 @@ p + .components-button.is-tertiary {
|
|
|
594
592
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
595
593
|
box-shadow: none;
|
|
596
594
|
}
|
|
597
|
-
.components-checkbox-control__input[type=checkbox]::-moz-placeholder {
|
|
598
|
-
color: rgba(30, 30, 30, 0.62);
|
|
599
|
-
}
|
|
600
595
|
.components-checkbox-control__input[type=checkbox]::placeholder {
|
|
601
596
|
color: rgba(30, 30, 30, 0.62);
|
|
602
597
|
}
|
|
@@ -658,9 +653,7 @@ p + .components-button.is-tertiary {
|
|
|
658
653
|
vertical-align: top;
|
|
659
654
|
width: var(--checkbox-input-size);
|
|
660
655
|
height: var(--checkbox-input-size);
|
|
661
|
-
|
|
662
|
-
-moz-appearance: none;
|
|
663
|
-
appearance: none;
|
|
656
|
+
appearance: none;
|
|
664
657
|
}
|
|
665
658
|
@media not (prefers-reduced-motion) {
|
|
666
659
|
.components-checkbox-control__input[type=checkbox] {
|
|
@@ -697,7 +690,7 @@ p + .components-button.is-tertiary {
|
|
|
697
690
|
svg.components-checkbox-control__checked,
|
|
698
691
|
svg.components-checkbox-control__indeterminate {
|
|
699
692
|
--checkmark-size: var(--checkbox-input-size);
|
|
700
|
-
|
|
693
|
+
color: #fff;
|
|
701
694
|
cursor: var(--wpds-cursor-control, pointer);
|
|
702
695
|
position: absolute;
|
|
703
696
|
left: 50%;
|
|
@@ -706,7 +699,6 @@ svg.components-checkbox-control__indeterminate {
|
|
|
706
699
|
width: var(--checkmark-size);
|
|
707
700
|
height: var(--checkmark-size);
|
|
708
701
|
-webkit-user-select: none;
|
|
709
|
-
-moz-user-select: none;
|
|
710
702
|
user-select: none;
|
|
711
703
|
pointer-events: none;
|
|
712
704
|
}
|
|
@@ -719,7 +711,7 @@ svg.components-checkbox-control__indeterminate {
|
|
|
719
711
|
|
|
720
712
|
.components-checkbox-control:has(:disabled) svg.components-checkbox-control__checked,
|
|
721
713
|
.components-checkbox-control:has(:disabled) svg.components-checkbox-control__indeterminate {
|
|
722
|
-
|
|
714
|
+
color: var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral, #8d8d8d));
|
|
723
715
|
}
|
|
724
716
|
|
|
725
717
|
.components-checkbox-control__help {
|
|
@@ -933,9 +925,6 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
933
925
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
934
926
|
box-shadow: none;
|
|
935
927
|
}
|
|
936
|
-
.components-combobox-control__suggestions-container::-moz-placeholder {
|
|
937
|
-
color: rgba(30, 30, 30, 0.62);
|
|
938
|
-
}
|
|
939
928
|
.components-combobox-control__suggestions-container::placeholder {
|
|
940
929
|
color: rgba(30, 30, 30, 0.62);
|
|
941
930
|
}
|
|
@@ -1475,9 +1464,6 @@ input.components-combobox-control__input[type=text]:focus {
|
|
|
1475
1464
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
1476
1465
|
box-shadow: none;
|
|
1477
1466
|
}
|
|
1478
|
-
.components-form-token-field__input-container::-moz-placeholder {
|
|
1479
|
-
color: rgba(30, 30, 30, 0.62);
|
|
1480
|
-
}
|
|
1481
1467
|
.components-form-token-field__input-container::placeholder {
|
|
1482
1468
|
color: rgba(30, 30, 30, 0.62);
|
|
1483
1469
|
}
|
|
@@ -2484,9 +2470,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2484
2470
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
2485
2471
|
box-shadow: none;
|
|
2486
2472
|
}
|
|
2487
|
-
.components-placeholder__input[type=url]::-moz-placeholder {
|
|
2488
|
-
color: rgba(30, 30, 30, 0.62);
|
|
2489
|
-
}
|
|
2490
2473
|
.components-placeholder__input[type=url]::placeholder {
|
|
2491
2474
|
color: rgba(30, 30, 30, 0.62);
|
|
2492
2475
|
}
|
|
@@ -2624,7 +2607,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2624
2607
|
box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
|
|
2625
2608
|
border-radius: 4px;
|
|
2626
2609
|
box-sizing: border-box;
|
|
2627
|
-
width: -moz-min-content;
|
|
2628
2610
|
width: min-content;
|
|
2629
2611
|
}
|
|
2630
2612
|
.is-alternate .components-popover__content {
|
|
@@ -2733,8 +2715,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2733
2715
|
display: grid;
|
|
2734
2716
|
grid-template-columns: auto 1fr;
|
|
2735
2717
|
grid-template-rows: auto minmax(0, max-content);
|
|
2736
|
-
|
|
2737
|
-
column-gap: 8px;
|
|
2718
|
+
column-gap: 8px;
|
|
2738
2719
|
align-items: center;
|
|
2739
2720
|
}
|
|
2740
2721
|
|
|
@@ -2794,9 +2775,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
|
|
2794
2775
|
display: inline-flex;
|
|
2795
2776
|
margin: 0;
|
|
2796
2777
|
padding: 0;
|
|
2797
|
-
|
|
2798
|
-
-moz-appearance: none;
|
|
2799
|
-
appearance: none;
|
|
2778
|
+
appearance: none;
|
|
2800
2779
|
}
|
|
2801
2780
|
.components-radio-control__input[type=radio]:not(:disabled) {
|
|
2802
2781
|
cursor: var(--wpds-cursor-control, pointer);
|
|
@@ -3060,7 +3039,6 @@ body.lockscroll {
|
|
|
3060
3039
|
}
|
|
3061
3040
|
@media (min-width: 600px) {
|
|
3062
3041
|
.components-snackbar {
|
|
3063
|
-
width: -moz-fit-content;
|
|
3064
3042
|
width: fit-content;
|
|
3065
3043
|
}
|
|
3066
3044
|
}
|
|
@@ -3295,9 +3273,6 @@ body.lockscroll {
|
|
|
3295
3273
|
border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
3296
3274
|
box-shadow: none;
|
|
3297
3275
|
}
|
|
3298
|
-
.components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder {
|
|
3299
|
-
color: rgba(30, 30, 30, 0.62);
|
|
3300
|
-
}
|
|
3301
3276
|
.components-text-control__input::placeholder,
|
|
3302
3277
|
.components-text-control__input[type=text]::placeholder,
|
|
3303
3278
|
.components-text-control__input[type=tel]::placeholder,
|
|
@@ -3331,9 +3306,6 @@ body.lockscroll {
|
|
|
3331
3306
|
padding-left: 12px;
|
|
3332
3307
|
padding-right: 12px;
|
|
3333
3308
|
}
|
|
3334
|
-
.components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder {
|
|
3335
|
-
color: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
|
|
3336
|
-
}
|
|
3337
3309
|
.components-text-control__input::placeholder,
|
|
3338
3310
|
.components-text-control__input[type=text]::placeholder,
|
|
3339
3311
|
.components-text-control__input[type=tel]::placeholder,
|
|
@@ -3363,7 +3335,7 @@ body.lockscroll {
|
|
|
3363
3335
|
}
|
|
3364
3336
|
.components-tip svg {
|
|
3365
3337
|
align-self: center;
|
|
3366
|
-
|
|
3338
|
+
color: #f0b849;
|
|
3367
3339
|
flex-shrink: 0;
|
|
3368
3340
|
margin-right: 16px;
|
|
3369
3341
|
}
|
|
@@ -4,6 +4,10 @@ import type { LabelProps, BorderControlProps } from '../../border-control/types'
|
|
|
4
4
|
* An input control for the color, style, and width of the border of a box. The
|
|
5
5
|
* border can be customized as a whole, or individually for each side of the box.
|
|
6
6
|
*
|
|
7
|
+
* The controls are exposed as a group named by the `label` prop. Passing
|
|
8
|
+
* `aria-labelledby` or `aria-label` names the group instead, taking precedence
|
|
9
|
+
* over `label`; with none of the three, the wrapper is not exposed as a group.
|
|
10
|
+
*
|
|
7
11
|
* ```jsx
|
|
8
12
|
* import { BorderBoxControl } from '@wordpress/components';
|
|
9
13
|
* import { __ } from '@wordpress/i18n';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EACX,UAAU,EACV,kBAAkB,EAClB,MAAM,4BAA4B,CAAC;AAqLpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAG5B,CAAC;eAEa,gBAAgB"}
|
|
@@ -268,12 +268,14 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
|
|
|
268
268
|
part?: string | undefined;
|
|
269
269
|
as?: import("react").JSXElementConstructor<any> | keyof import("react").JSX.IntrinsicElements | undefined;
|
|
270
270
|
disableCustomColors?: boolean;
|
|
271
|
-
hideLabelFromVision?: boolean;
|
|
272
|
-
label?: string;
|
|
273
271
|
popoverPlacement?: import("../../popover/types").PopoverProps['placement'];
|
|
274
272
|
popoverOffset?: import("../../popover/types").PopoverProps['offset'];
|
|
275
273
|
className: string;
|
|
276
274
|
colors: import("../../color-palette/types").ColorObject[] | import("../../color-palette/types").PaletteObject[];
|
|
275
|
+
hasVisibleLabel: boolean;
|
|
276
|
+
headerClassName: string;
|
|
277
|
+
hideLabelFromVision: boolean | undefined;
|
|
278
|
+
label: string | undefined;
|
|
277
279
|
disableUnits: boolean;
|
|
278
280
|
enableAlpha: boolean;
|
|
279
281
|
enableStyle: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwCzB,MAAM;+BAuC/B,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;EA0CjB"}
|
|
@@ -21,7 +21,9 @@ export type BorderBoxControlProps = ColorProps & LabelProps & Pick<BorderControl
|
|
|
21
21
|
*/
|
|
22
22
|
popoverPlacement?: PopoverProps['placement'];
|
|
23
23
|
/**
|
|
24
|
-
* The space between the popover and the control wrapper.
|
|
24
|
+
* The space between the popover and the control wrapper. A number
|
|
25
|
+
* displaces the popover along its main axis; pass an object to also
|
|
26
|
+
* displace it along its cross axis.
|
|
25
27
|
*/
|
|
26
28
|
popoverOffset?: PopoverProps['offset'];
|
|
27
29
|
/**
|
|
@@ -66,7 +68,9 @@ export type SplitControlsProps = ColorProps & Pick<BorderBoxControlProps, 'enabl
|
|
|
66
68
|
*/
|
|
67
69
|
popoverPlacement?: PopoverProps['placement'];
|
|
68
70
|
/**
|
|
69
|
-
* The space between the popover and the control wrapper.
|
|
71
|
+
* The space between the popover and the control wrapper. A number
|
|
72
|
+
* displaces the popover along its main axis; pass an object to also
|
|
73
|
+
* displace it along its cross axis.
|
|
70
74
|
*/
|
|
71
75
|
popoverOffset?: PopoverProps['offset'];
|
|
72
76
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GACV,IAAI,CACH,kBAAkB,EAClB,aAAa,GAAG,uBAAuB,GAAG,MAAM,CAChD,GAAG;IACH;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GACV,IAAI,CACH,kBAAkB,EAClB,aAAa,GAAG,uBAAuB,GAAG,MAAM,CAChD,GAAG;IACH;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;;;OAIG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAC1C,IAAI,CAAE,qBAAqB,EAAE,aAAa,CAAE,GAAG;IAC9C;;;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;;;;OAIG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
|
|
@@ -138,7 +138,7 @@ export type CompositeProps = CompositeStoreProps & {
|
|
|
138
138
|
* `onFocusVisible` prop.
|
|
139
139
|
* The component supports the `disabled` prop even for those elements not
|
|
140
140
|
* supporting the native `disabled` attribute. Disabled elements may be
|
|
141
|
-
* still accessible via keyboard by using the
|
|
141
|
+
* still accessible via keyboard by using the `accessibleWhenDisabled`
|
|
142
142
|
* prop.
|
|
143
143
|
* Non-native focusable elements will lose their focusability entirely.
|
|
144
144
|
* However, native focusable elements will retain their inherent focusability.
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
type ContextSystemValue = Record<string, Record<string, unknown> | undefined>;
|
|
3
|
+
export declare const ComponentsContext: import("react").Context<ContextSystemValue>;
|
|
4
|
+
export declare const useComponentsContext: () => ContextSystemValue;
|
|
3
5
|
/**
|
|
4
6
|
* A Provider component that can modify props for connected components within
|
|
5
7
|
* the Context system.
|
|
@@ -17,10 +19,10 @@ export declare const useComponentsContext: () => Record<string, any>;
|
|
|
17
19
|
* @param {T} options.value Props to render into connected components.
|
|
18
20
|
* @return {React.JSX.Element} A Provider wrapped component.
|
|
19
21
|
*/
|
|
20
|
-
declare const BaseContextSystemProvider:
|
|
21
|
-
children:
|
|
22
|
-
value
|
|
23
|
-
}) =>
|
|
22
|
+
declare const BaseContextSystemProvider: ({ children, value, }: {
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
value?: ContextSystemValue;
|
|
25
|
+
}) => import("react").JSX.Element;
|
|
24
26
|
export declare const ContextSystemProvider: import("react").MemoExoticComponent<typeof BaseContextSystemProvider>;
|
|
25
27
|
export {};
|
|
26
28
|
//# sourceMappingURL=context-system-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-system-provider.d.ts","sourceRoot":"","sources":["../../src/context/context-system-provider.
|
|
1
|
+
{"version":3,"file":"context-system-provider.d.ts","sourceRoot":"","sources":["../../src/context/context-system-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,KAAK,kBAAkB,GAAG,MAAM,CAC/B,MAAM,EACN,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,GAAG,SAAS,CACrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6CAA4C,CAAC;AAG3E,eAAO,MAAM,oBAAoB,0BAAwC,CAAC;AAqD1E;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,yBAAyB,yBAG5B;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC3B,gCAQA,CAAC;AAEF,eAAO,MAAM,qBAAqB,uEAAoC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-context-system.d.ts","sourceRoot":"","sources":["../../src/context/use-context-system.js"],"names":[],"mappings":"AAQG,YAA0C,cAAc,CAD9C,MAAM,IACN,MAAM,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAgB;AAF3D;;;GAGG;AAEH;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CALM,CAAC,SAAzB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAK,EAKL,KAAK,EAJ5B,CAI4B,EAAE,SAAS,EAHvC,MAGuC,GAFtC,cAAc,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"use-context-system.d.ts","sourceRoot":"","sources":["../../src/context/use-context-system.js"],"names":[],"mappings":"AAQG,YAA0C,cAAc,CAD9C,MAAM,IACN,MAAM,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAgB;AAF3D;;;GAGG;AAEH;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CALM,CAAC,SAAzB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAK,EAKL,KAAK,EAJ5B,CAI4B,EAAE,SAAS,EAHvC,MAGuC,GAFtC,cAAc,CAAC,CAAC,CAAC,CAiE5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ/E,OAAO,KAAK,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpE,MAAM,MAAM,QAAQ,GACjB,eAAe,GACf,aAAa,CAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAE,GAClC,CAAE,CAAE,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,KAAM,KAAK,CAAC,GAAG,CAAC,OAAO,CAAE,GACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAUrB,KAAK,eAAe,CAAE,CAAC,IAAK,CAAC,SAAS,aAAa,CAAE,MAAM,CAAC,CAAE,GAC3D,CAAC,GACD,CAAC,SAAS,eAAe,GACzB,QAAQ,CAAE,aAAa,CAAE,GACzB,EAAE,CAAC;AAEN,MAAM,MAAM,KAAK,GAAG;IACnB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,eAAe,CAAE,QAAQ,CAAE,CAAC;AAEhC;;;;;;;;GAQG;AACH,iBAAS,IAAI,CAAE,EACd,IAAW,EACX,IAAyC,EACzC,GAAG,eAAe,EAClB,EAAE,KAAK,sCA4DP;eAEc,IAAI"}
|
|
@@ -100,9 +100,13 @@ export type PopoverProps = {
|
|
|
100
100
|
*/
|
|
101
101
|
noArrow?: boolean;
|
|
102
102
|
/**
|
|
103
|
-
* The distance (in px) between the anchor and the popover.
|
|
103
|
+
* The distance (in px) between the anchor and the popover. Pass an object to
|
|
104
|
+
* also displace the popover along its cross axis.
|
|
104
105
|
*/
|
|
105
|
-
offset?: number
|
|
106
|
+
offset?: number | {
|
|
107
|
+
mainAxis?: number;
|
|
108
|
+
crossAxis?: number;
|
|
109
|
+
};
|
|
106
110
|
/**
|
|
107
111
|
* A callback invoked when the popover should be closed.
|
|
108
112
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzE,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjD,KAAK,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACjD,KAAK,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D,KAAK,wBAAwB,GAAG,OAAO,GAAG;IACzC,aAAa,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,gBAAgB,CACvD,OAAO,GAAG,IAAI,GAAG,SAAS,CAC1B,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG;IAAE,GAAG,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAE,OAAO,EAAE,uBAAuB,CAAE,GAAG;IACvE,aAAa,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IACpC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA4KpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;uCAAoC,CAAC;eAG3C,QAAQ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { WordPressComponentProps } from '../../context';
|
|
2
|
-
import type {
|
|
2
|
+
import type { RegisteredToolsPanelItem, ToolsPanelMenuItems, ToolsPanelProps, ResetAllFilter } from '../types';
|
|
3
3
|
export declare function useToolsPanel(props: WordPressComponentProps<ToolsPanelProps, 'div'>): {
|
|
4
4
|
key?: import("react").Key | null | undefined;
|
|
5
5
|
dangerouslySetInnerHTML?: {
|
|
@@ -273,16 +273,16 @@ export declare function useToolsPanel(props: WordPressComponentProps<ToolsPanelP
|
|
|
273
273
|
headingLevel: import("../../heading/types").HeadingSize;
|
|
274
274
|
panelContext: {
|
|
275
275
|
areAllOptionalControlsHidden: boolean;
|
|
276
|
-
deregisterPanelItem: (label: string) => void;
|
|
276
|
+
deregisterPanelItem: (label: string, item?: RegisteredToolsPanelItem) => void;
|
|
277
277
|
deregisterResetAllFilter: (filter: ResetAllFilter) => void;
|
|
278
278
|
firstDisplayedItem: string | undefined;
|
|
279
|
-
flagItemCustomization: (value: boolean, label: string
|
|
279
|
+
flagItemCustomization: (value: boolean, label: string) => void;
|
|
280
280
|
hasMenuItems: boolean;
|
|
281
281
|
isResetting: boolean;
|
|
282
282
|
lastDisplayedItem: string | undefined;
|
|
283
283
|
menuItems: ToolsPanelMenuItems;
|
|
284
284
|
panelId: string | null | undefined;
|
|
285
|
-
registerPanelItem: (item:
|
|
285
|
+
registerPanelItem: (item: RegisteredToolsPanelItem) => void;
|
|
286
286
|
registerResetAllFilter: (filter: ResetAllFilter) => void;
|
|
287
287
|
shouldRenderPlaceholderItems: boolean;
|
|
288
288
|
__experimentalFirstVisibleItemClass: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,wBAAwB,EAExB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,MAAM,UAAU,CAAC;AAoMlB,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCA8C9C,MAAM,SAAS,wBAAwB;2CAWtC,cAAc;;uCASf,OAAO,SAAS,MAAM;;;;;;kCA3BvB,wBAAwB;yCAaqB,cAAc;;;;;;wBAiE1D,MAAM;;EAuGhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel-item/hook.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel-item/hook.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+L5D"}
|