@wordpress/components 32.1.1-next.v.0 → 32.2.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/AGENTS.md +17 -0
- package/CHANGELOG.md +35 -0
- package/CLAUDE.md +1 -0
- package/build/angle-picker-control/angle-circle.cjs +2 -2
- package/build/angle-picker-control/angle-circle.cjs.map +2 -2
- package/build/autocomplete/index.cjs +1 -1
- package/build/autocomplete/index.cjs.map +2 -2
- package/build/avatar/component.cjs +99 -0
- package/build/avatar/component.cjs.map +7 -0
- package/build/avatar/index.cjs +37 -0
- package/build/avatar/index.cjs.map +7 -0
- package/build/avatar/types.cjs +19 -0
- package/build/avatar/types.cjs.map +7 -0
- package/build/avatar-group/component.cjs +60 -0
- package/build/avatar-group/component.cjs.map +7 -0
- package/build/avatar-group/index.cjs +37 -0
- package/build/avatar-group/index.cjs.map +7 -0
- package/build/avatar-group/types.cjs +19 -0
- package/build/avatar-group/types.cjs.map +7 -0
- package/build/base-control/index.cjs.map +1 -1
- package/build/base-control/styles/base-control-styles.cjs +1 -2
- package/build/base-control/styles/base-control-styles.cjs.map +2 -2
- package/build/border-box-control/styles.cjs +2 -4
- package/build/border-box-control/styles.cjs.map +2 -2
- package/build/border-control/styles.cjs +1 -2
- package/build/border-control/styles.cjs.map +2 -2
- package/build/box-control/styles/box-control-icon-styles.cjs +8 -16
- package/build/box-control/styles/box-control-icon-styles.cjs.map +2 -2
- package/build/box-control/styles/box-control-styles.cjs +5 -10
- package/build/box-control/styles/box-control-styles.cjs.map +2 -2
- package/build/card/get-padding-by-size.cjs +1 -2
- package/build/card/get-padding-by-size.cjs.map +2 -2
- package/build/card/styles.cjs +8 -16
- package/build/card/styles.cjs.map +2 -2
- package/build/clipboard-button/index.cjs +1 -1
- package/build/clipboard-button/index.cjs.map +2 -2
- package/build/color-picker/color-copy-button.cjs +1 -1
- package/build/color-picker/color-copy-button.cjs.map +2 -2
- package/build/confirm-dialog/component.cjs +2 -2
- package/build/confirm-dialog/component.cjs.map +2 -2
- package/build/confirm-dialog/styles.cjs +1 -2
- package/build/confirm-dialog/styles.cjs.map +2 -2
- package/build/context/context-system-provider.cjs.map +1 -1
- package/build/custom-gradient-picker/gradient-bar/control-points.cjs +2 -2
- package/build/custom-gradient-picker/gradient-bar/control-points.cjs.map +2 -2
- package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.cjs +2 -4
- package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.cjs.map +2 -2
- package/build/custom-select-control-v2/styles.cjs +1 -2
- package/build/custom-select-control-v2/styles.cjs.map +2 -2
- package/build/date-time/date/index.cjs +1 -1
- package/build/date-time/date/index.cjs.map +2 -2
- package/build/date-time/date/styles.cjs +2 -4
- package/build/date-time/date/styles.cjs.map +2 -2
- package/build/date-time/date-time/styles.cjs +1 -2
- package/build/date-time/date-time/styles.cjs.map +2 -2
- package/build/date-time/time/styles.cjs +3 -6
- package/build/date-time/time/styles.cjs.map +2 -2
- package/build/date-time/utils.cjs +1 -1
- package/build/date-time/utils.cjs.map +2 -2
- package/build/disabled/context.cjs +30 -0
- package/build/disabled/context.cjs.map +7 -0
- package/build/disabled/index.cjs +13 -5
- package/build/disabled/index.cjs.map +3 -3
- package/build/disabled/styles/disabled-styles.cjs +1 -2
- package/build/disabled/styles/disabled-styles.cjs.map +2 -2
- package/build/divider/styles.cjs +1 -2
- package/build/divider/styles.cjs.map +2 -2
- package/build/dropdown/index.cjs +1 -1
- package/build/dropdown/index.cjs.map +2 -2
- package/build/elevation/styles.cjs +1 -2
- package/build/elevation/styles.cjs.map +2 -2
- package/build/external-link/index.cjs +5 -1
- package/build/external-link/index.cjs.map +2 -2
- package/build/flex/styles.cjs +5 -10
- package/build/flex/styles.cjs.map +2 -2
- package/build/focal-point-picker/styles/focal-point-picker-style.cjs +6 -12
- package/build/focal-point-picker/styles/focal-point-picker-style.cjs.map +2 -2
- package/build/font-size-picker/styles.cjs +2 -4
- package/build/font-size-picker/styles.cjs.map +2 -2
- package/build/higher-order/with-spoken-messages/index.cjs.map +2 -2
- package/build/input-control/styles/input-control-styles.cjs +4 -8
- package/build/input-control/styles/input-control-styles.cjs.map +2 -2
- package/build/item-group/styles.cjs +2 -4
- package/build/item-group/styles.cjs.map +2 -2
- package/build/menu/styles.cjs +1 -2
- package/build/menu/styles.cjs.map +2 -2
- package/build/modal/context.cjs +33 -0
- package/build/modal/context.cjs.map +7 -0
- package/build/modal/index.cjs +5 -6
- package/build/modal/index.cjs.map +2 -2
- package/build/modal/use-modal-exit-animation.cjs +2 -2
- package/build/modal/use-modal-exit-animation.cjs.map +2 -2
- package/build/navigation/styles/navigation-styles.cjs +3 -6
- package/build/navigation/styles/navigation-styles.cjs.map +2 -2
- package/build/navigator/styles.cjs +2 -4
- package/build/navigator/styles.cjs.map +2 -2
- package/build/number-control/index.cjs +1 -1
- package/build/number-control/index.cjs.map +2 -2
- package/build/number-control/styles/number-control-styles.cjs +1 -2
- package/build/number-control/styles/number-control-styles.cjs.map +2 -2
- package/build/palette-edit/index.cjs +1 -1
- package/build/palette-edit/index.cjs.map +2 -2
- package/build/palette-edit/styles.cjs +1 -2
- package/build/palette-edit/styles.cjs.map +2 -2
- package/build/panel/body.cjs +1 -1
- package/build/panel/body.cjs.map +2 -2
- package/build/popover/context.cjs +33 -0
- package/build/popover/context.cjs.map +7 -0
- package/build/popover/index.cjs +3 -4
- package/build/popover/index.cjs.map +3 -3
- package/build/private-apis.cjs +6 -2
- package/build/private-apis.cjs.map +3 -3
- package/build/progress-bar/styles.cjs +2 -4
- package/build/progress-bar/styles.cjs.map +2 -2
- package/build/range-control/index.cjs +1 -1
- package/build/range-control/index.cjs.map +2 -2
- package/build/range-control/styles/range-control-styles.cjs +30 -43
- package/build/range-control/styles/range-control-styles.cjs.map +2 -2
- package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.cjs +2 -4
- package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.cjs.map +2 -2
- package/build/resizable-box/resize-tooltip/utils.cjs +1 -1
- package/build/resizable-box/resize-tooltip/utils.cjs.map +2 -2
- package/build/sandbox/index.cjs +1 -1
- package/build/sandbox/index.cjs.map +2 -2
- package/build/scrollable/styles.cjs +6 -12
- package/build/scrollable/styles.cjs.map +2 -2
- package/build/search-control/styles.cjs +2 -4
- package/build/search-control/styles.cjs.map +2 -2
- package/build/select-control/styles/select-control-styles.cjs +2 -4
- package/build/select-control/styles/select-control-styles.cjs.map +2 -2
- package/build/slot-fill/index.cjs +3 -2
- package/build/slot-fill/index.cjs.map +2 -2
- package/build/spinner/styles.cjs +1 -2
- package/build/spinner/styles.cjs.map +2 -2
- package/build/tabs/styles.cjs +5 -6
- package/build/tabs/styles.cjs.map +2 -2
- package/build/text/hook.cjs +1 -2
- package/build/text/hook.cjs.map +2 -2
- package/build/text/styles.cjs +7 -9
- package/build/text/styles.cjs.map +2 -2
- package/build/text/utils.cjs.map +1 -1
- package/build/theme/styles.cjs +1 -2
- package/build/theme/styles.cjs.map +2 -2
- package/build/toggle-control/index.cjs +6 -2
- package/build/toggle-control/index.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control/styles.cjs +7 -11
- package/build/toggle-group-control/toggle-group-control/styles.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option-base/styles.cjs +2 -4
- package/build/toggle-group-control/toggle-group-control-option-base/styles.cjs.map +2 -2
- package/build/tools-panel/styles.cjs +4 -8
- package/build/tools-panel/styles.cjs.map +2 -2
- package/build/tooltip/context.cjs +35 -0
- package/build/tooltip/context.cjs.map +7 -0
- package/build/tooltip/index.cjs +3 -7
- package/build/tooltip/index.cjs.map +2 -2
- package/build/tree-grid/roving-tab-index-item.cjs +1 -1
- package/build/tree-grid/roving-tab-index-item.cjs.map +2 -2
- package/build/truncate/styles.cjs +1 -2
- package/build/truncate/styles.cjs.map +2 -2
- package/build/utils/box-sizing.cjs +1 -2
- package/build/utils/box-sizing.cjs.map +2 -2
- package/build/utils/element-rect.cjs +1 -1
- package/build/utils/element-rect.cjs.map +2 -2
- package/build/utils/hooks/use-cx.cjs.map +2 -2
- package/build/utils/hooks/use-update-effect.cjs.map +1 -1
- package/build/utils/rtl.cjs +2 -2
- package/build/utils/rtl.cjs.map +2 -2
- package/build/utils/use-responsive-value.cjs +1 -7
- package/build/utils/use-responsive-value.cjs.map +2 -2
- package/build/validated-form-controls/components/toggle-control.cjs +1 -5
- package/build/validated-form-controls/components/toggle-control.cjs.map +2 -2
- package/build/z-stack/styles.cjs +1 -2
- package/build/z-stack/styles.cjs.map +2 -2
- package/build-module/angle-picker-control/angle-circle.mjs +2 -2
- package/build-module/angle-picker-control/angle-circle.mjs.map +2 -2
- package/build-module/autocomplete/index.mjs +1 -1
- package/build-module/autocomplete/index.mjs.map +2 -2
- package/build-module/avatar/component.mjs +68 -0
- package/build-module/avatar/component.mjs.map +7 -0
- package/build-module/avatar/index.mjs +6 -0
- package/build-module/avatar/index.mjs.map +7 -0
- package/build-module/avatar/types.mjs +1 -0
- package/build-module/avatar/types.mjs.map +7 -0
- package/build-module/avatar-group/component.mjs +29 -0
- package/build-module/avatar-group/component.mjs.map +7 -0
- package/build-module/avatar-group/index.mjs +6 -0
- package/build-module/avatar-group/index.mjs.map +7 -0
- package/build-module/avatar-group/types.mjs +1 -0
- package/build-module/avatar-group/types.mjs.map +7 -0
- package/build-module/base-control/index.mjs.map +1 -1
- package/build-module/base-control/styles/base-control-styles.mjs +1 -2
- package/build-module/base-control/styles/base-control-styles.mjs.map +2 -2
- package/build-module/border-box-control/styles.mjs +2 -4
- package/build-module/border-box-control/styles.mjs.map +2 -2
- package/build-module/border-control/styles.mjs +1 -2
- package/build-module/border-control/styles.mjs.map +2 -2
- package/build-module/box-control/styles/box-control-icon-styles.mjs +8 -16
- package/build-module/box-control/styles/box-control-icon-styles.mjs.map +2 -2
- package/build-module/box-control/styles/box-control-styles.mjs +5 -10
- package/build-module/box-control/styles/box-control-styles.mjs.map +2 -2
- package/build-module/card/get-padding-by-size.mjs +1 -2
- package/build-module/card/get-padding-by-size.mjs.map +2 -2
- package/build-module/card/styles.mjs +8 -16
- package/build-module/card/styles.mjs.map +2 -2
- package/build-module/clipboard-button/index.mjs +1 -1
- package/build-module/clipboard-button/index.mjs.map +2 -2
- package/build-module/color-picker/color-copy-button.mjs +1 -1
- package/build-module/color-picker/color-copy-button.mjs.map +2 -2
- package/build-module/confirm-dialog/component.mjs +2 -2
- package/build-module/confirm-dialog/component.mjs.map +2 -2
- package/build-module/confirm-dialog/styles.mjs +1 -2
- package/build-module/confirm-dialog/styles.mjs.map +2 -2
- package/build-module/context/context-system-provider.mjs.map +1 -1
- package/build-module/custom-gradient-picker/gradient-bar/control-points.mjs +2 -2
- package/build-module/custom-gradient-picker/gradient-bar/control-points.mjs.map +2 -2
- package/build-module/custom-gradient-picker/styles/custom-gradient-picker-styles.mjs +2 -4
- package/build-module/custom-gradient-picker/styles/custom-gradient-picker-styles.mjs.map +2 -2
- package/build-module/custom-select-control-v2/styles.mjs +1 -2
- package/build-module/custom-select-control-v2/styles.mjs.map +2 -2
- package/build-module/date-time/date/index.mjs +1 -1
- package/build-module/date-time/date/index.mjs.map +2 -2
- package/build-module/date-time/date/styles.mjs +2 -4
- package/build-module/date-time/date/styles.mjs.map +2 -2
- package/build-module/date-time/date-time/styles.mjs +1 -2
- package/build-module/date-time/date-time/styles.mjs.map +2 -2
- package/build-module/date-time/time/styles.mjs +3 -6
- package/build-module/date-time/time/styles.mjs.map +2 -2
- package/build-module/date-time/utils.mjs +1 -1
- package/build-module/date-time/utils.mjs.map +2 -2
- package/build-module/disabled/context.mjs +9 -0
- package/build-module/disabled/context.mjs.map +7 -0
- package/build-module/disabled/index.mjs +1 -3
- package/build-module/disabled/index.mjs.map +2 -2
- package/build-module/disabled/styles/disabled-styles.mjs +1 -2
- package/build-module/disabled/styles/disabled-styles.mjs.map +2 -2
- package/build-module/divider/styles.mjs +1 -2
- package/build-module/divider/styles.mjs.map +2 -2
- package/build-module/dropdown/index.mjs +1 -1
- package/build-module/dropdown/index.mjs.map +2 -2
- package/build-module/elevation/styles.mjs +1 -2
- package/build-module/elevation/styles.mjs.map +2 -2
- package/build-module/external-link/index.mjs +5 -1
- package/build-module/external-link/index.mjs.map +2 -2
- package/build-module/flex/styles.mjs +5 -10
- package/build-module/flex/styles.mjs.map +2 -2
- package/build-module/focal-point-picker/styles/focal-point-picker-style.mjs +6 -12
- package/build-module/focal-point-picker/styles/focal-point-picker-style.mjs.map +2 -2
- package/build-module/font-size-picker/styles.mjs +2 -4
- package/build-module/font-size-picker/styles.mjs.map +2 -2
- package/build-module/higher-order/with-spoken-messages/index.mjs.map +2 -2
- package/build-module/input-control/styles/input-control-styles.mjs +4 -8
- package/build-module/input-control/styles/input-control-styles.mjs.map +2 -2
- package/build-module/item-group/styles.mjs +2 -4
- package/build-module/item-group/styles.mjs.map +2 -2
- package/build-module/menu/styles.mjs +1 -2
- package/build-module/menu/styles.mjs.map +2 -2
- package/build-module/modal/context.mjs +8 -0
- package/build-module/modal/context.mjs.map +7 -0
- package/build-module/modal/index.mjs +4 -5
- package/build-module/modal/index.mjs.map +2 -2
- package/build-module/modal/use-modal-exit-animation.mjs +2 -2
- package/build-module/modal/use-modal-exit-animation.mjs.map +2 -2
- package/build-module/navigation/styles/navigation-styles.mjs +3 -6
- package/build-module/navigation/styles/navigation-styles.mjs.map +2 -2
- package/build-module/navigator/styles.mjs +2 -4
- package/build-module/navigator/styles.mjs.map +2 -2
- package/build-module/number-control/index.mjs +1 -1
- package/build-module/number-control/index.mjs.map +2 -2
- package/build-module/number-control/styles/number-control-styles.mjs +1 -2
- package/build-module/number-control/styles/number-control-styles.mjs.map +2 -2
- package/build-module/palette-edit/index.mjs +1 -1
- package/build-module/palette-edit/index.mjs.map +2 -2
- package/build-module/palette-edit/styles.mjs +1 -2
- package/build-module/palette-edit/styles.mjs.map +2 -2
- package/build-module/panel/body.mjs +1 -1
- package/build-module/panel/body.mjs.map +2 -2
- package/build-module/popover/context.mjs +8 -0
- package/build-module/popover/context.mjs.map +7 -0
- package/build-module/popover/index.mjs +2 -3
- package/build-module/popover/index.mjs.map +2 -2
- package/build-module/private-apis.mjs +6 -2
- package/build-module/private-apis.mjs.map +2 -2
- package/build-module/progress-bar/styles.mjs +2 -4
- package/build-module/progress-bar/styles.mjs.map +2 -2
- package/build-module/range-control/index.mjs +1 -1
- package/build-module/range-control/index.mjs.map +2 -2
- package/build-module/range-control/styles/range-control-styles.mjs +30 -43
- package/build-module/range-control/styles/range-control-styles.mjs.map +2 -2
- package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.mjs +2 -4
- package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.mjs.map +2 -2
- package/build-module/resizable-box/resize-tooltip/utils.mjs +1 -1
- package/build-module/resizable-box/resize-tooltip/utils.mjs.map +2 -2
- package/build-module/sandbox/index.mjs +1 -1
- package/build-module/sandbox/index.mjs.map +2 -2
- package/build-module/scrollable/styles.mjs +6 -12
- package/build-module/scrollable/styles.mjs.map +2 -2
- package/build-module/search-control/styles.mjs +2 -4
- package/build-module/search-control/styles.mjs.map +2 -2
- package/build-module/select-control/styles/select-control-styles.mjs +2 -4
- package/build-module/select-control/styles/select-control-styles.mjs.map +2 -2
- package/build-module/slot-fill/index.mjs +3 -2
- package/build-module/slot-fill/index.mjs.map +2 -2
- package/build-module/spinner/styles.mjs +1 -2
- package/build-module/spinner/styles.mjs.map +2 -2
- package/build-module/tabs/styles.mjs +5 -6
- package/build-module/tabs/styles.mjs.map +2 -2
- package/build-module/text/hook.mjs +1 -2
- package/build-module/text/hook.mjs.map +2 -2
- package/build-module/text/styles.mjs +7 -9
- package/build-module/text/styles.mjs.map +2 -2
- package/build-module/text/utils.mjs.map +1 -1
- package/build-module/theme/styles.mjs +1 -2
- package/build-module/theme/styles.mjs.map +2 -2
- package/build-module/toggle-control/index.mjs +6 -2
- package/build-module/toggle-control/index.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control/styles.mjs +7 -11
- package/build-module/toggle-group-control/toggle-group-control/styles.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.mjs +2 -4
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.mjs.map +2 -2
- package/build-module/tools-panel/styles.mjs +4 -8
- package/build-module/tools-panel/styles.mjs.map +2 -2
- package/build-module/tooltip/context.mjs +10 -0
- package/build-module/tooltip/context.mjs.map +7 -0
- package/build-module/tooltip/index.mjs +2 -6
- package/build-module/tooltip/index.mjs.map +2 -2
- package/build-module/tree-grid/roving-tab-index-item.mjs +1 -1
- package/build-module/tree-grid/roving-tab-index-item.mjs.map +2 -2
- package/build-module/truncate/styles.mjs +1 -2
- package/build-module/truncate/styles.mjs.map +2 -2
- package/build-module/utils/box-sizing.mjs +1 -2
- package/build-module/utils/box-sizing.mjs.map +2 -2
- package/build-module/utils/element-rect.mjs +1 -1
- package/build-module/utils/element-rect.mjs.map +2 -2
- package/build-module/utils/hooks/use-cx.mjs.map +2 -2
- package/build-module/utils/hooks/use-update-effect.mjs.map +1 -1
- package/build-module/utils/rtl.mjs +2 -2
- package/build-module/utils/rtl.mjs.map +2 -2
- package/build-module/utils/use-responsive-value.mjs +1 -7
- package/build-module/utils/use-responsive-value.mjs.map +2 -2
- package/build-module/validated-form-controls/components/toggle-control.mjs +2 -6
- package/build-module/validated-form-controls/components/toggle-control.mjs.map +2 -2
- package/build-module/z-stack/styles.mjs +1 -2
- package/build-module/z-stack/styles.mjs.map +2 -2
- package/build-style/style-rtl.css +185 -1
- package/build-style/style.css +185 -1
- package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
- package/build-types/angle-picker-control/angle-circle.d.ts.map +1 -1
- package/build-types/angle-picker-control/index.d.ts +1 -1
- package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
- package/build-types/angle-picker-control/stories/index.story.d.ts.map +1 -1
- package/build-types/animate/index.d.ts +1 -1
- package/build-types/animate/index.d.ts.map +1 -1
- package/build-types/animate/stories/index.story.d.ts.map +1 -1
- package/build-types/animate/types.d.ts +1 -1
- package/build-types/animate/types.d.ts.map +1 -1
- package/build-types/autocomplete/index.d.ts +2 -2
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/autocomplete/types.d.ts +1 -1
- package/build-types/autocomplete/types.d.ts.map +1 -1
- package/build-types/avatar/component.d.ts +5 -0
- package/build-types/avatar/component.d.ts.map +1 -0
- package/build-types/avatar/index.d.ts +3 -0
- package/build-types/avatar/index.d.ts.map +1 -0
- package/build-types/avatar/types.d.ts +59 -0
- package/build-types/avatar/types.d.ts.map +1 -0
- package/build-types/avatar-group/component.d.ts +8 -0
- package/build-types/avatar-group/component.d.ts.map +1 -0
- package/build-types/avatar-group/index.d.ts +3 -0
- package/build-types/avatar-group/index.d.ts.map +1 -0
- package/build-types/avatar-group/types.d.ts +14 -0
- package/build-types/avatar-group/types.d.ts.map +1 -0
- package/build-types/badge/stories/index.story.d.ts.map +1 -1
- package/build-types/base-control/index.d.ts +3 -3
- package/build-types/base-control/stories/index.story.d.ts +1 -1
- package/build-types/base-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +1 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +1 -1
- package/build-types/border-box-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +1 -1
- package/build-types/border-control/stories/index.story.d.ts.map +1 -1
- package/build-types/box-control/stories/index.story.d.ts.map +1 -1
- package/build-types/box-control/styles/box-control-styles.d.ts +2 -2
- package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
- package/build-types/button/stories/index.story.d.ts.map +1 -1
- package/build-types/card/card/hook.d.ts +1 -1
- package/build-types/card/card-body/hook.d.ts +1 -1
- package/build-types/card/card-footer/hook.d.ts +1 -1
- package/build-types/card/card-header/hook.d.ts +1 -1
- package/build-types/card/card-media/hook.d.ts +1 -1
- package/build-types/card/stories/index.story.d.ts.map +1 -1
- package/build-types/checkbox-control/stories/index.story.d.ts.map +1 -1
- package/build-types/circular-option-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/color-indicator/stories/index.story.d.ts.map +1 -1
- package/build-types/color-palette/stories/index.story.d.ts +6 -5
- package/build-types/color-palette/stories/index.story.d.ts.map +1 -1
- package/build-types/color-palette/styles.d.ts +1 -1
- package/build-types/color-picker/color-copy-button.d.ts.map +1 -1
- package/build-types/color-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +2 -2
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/combobox-control/stories/index.story.d.ts.map +1 -1
- package/build-types/combobox-control/styles.d.ts +1 -1
- package/build-types/composite/stories/index.story.d.ts.map +1 -1
- package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -1
- package/build-types/context/context-connect.d.ts +2 -2
- package/build-types/context/context-connect.d.ts.map +1 -1
- package/build-types/context/context-system-provider.d.ts +2 -2
- package/build-types/context/context-system-provider.d.ts.map +1 -1
- package/build-types/context/wordpress-component.d.ts +3 -3
- package/build-types/context/wordpress-component.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/styles/custom-gradient-picker-styles.d.ts +2 -2
- package/build-types/custom-gradient-picker/types.d.ts +1 -1
- package/build-types/custom-gradient-picker/types.d.ts.map +1 -1
- package/build-types/custom-select-control/stories/index.story.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/types.d.ts +4 -4
- package/build-types/custom-select-control-v2/types.d.ts.map +1 -1
- package/build-types/date-time/date/styles.d.ts +2 -2
- package/build-types/date-time/date-time/styles.d.ts +1 -1
- package/build-types/date-time/stories/date-time.story.d.ts.map +1 -1
- package/build-types/date-time/stories/date.story.d.ts.map +1 -1
- package/build-types/date-time/stories/time.story.d.ts.map +1 -1
- package/build-types/disabled/context.d.ts +3 -0
- package/build-types/disabled/context.d.ts.map +1 -0
- package/build-types/disabled/index.d.ts.map +1 -1
- package/build-types/disabled/stories/index.story.d.ts.map +1 -1
- package/build-types/divider/stories/index.story.d.ts.map +1 -1
- package/build-types/draggable/stories/index.story.d.ts.map +1 -1
- package/build-types/draggable/types.d.ts +1 -1
- package/build-types/draggable/types.d.ts.map +1 -1
- package/build-types/drop-zone/stories/index.story.d.ts.map +1 -1
- package/build-types/drop-zone/types.d.ts +1 -1
- package/build-types/drop-zone/types.d.ts.map +1 -1
- package/build-types/dropdown/stories/index.story.d.ts.map +1 -1
- package/build-types/dropdown-menu/stories/index.story.d.ts.map +1 -1
- package/build-types/dropdown-menu/types.d.ts +1 -1
- package/build-types/dropdown-menu/types.d.ts.map +1 -1
- package/build-types/duotone-picker/stories/duotone-picker.story.d.ts.map +1 -1
- package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts.map +1 -1
- package/build-types/elevation/hook.d.ts +1 -1
- package/build-types/elevation/stories/index.story.d.ts.map +1 -1
- package/build-types/external-link/index.d.ts.map +1 -1
- package/build-types/external-link/stories/index.story.d.ts.map +1 -1
- package/build-types/flex/flex/hook.d.ts +1 -1
- package/build-types/flex/flex-block/hook.d.ts +1 -1
- package/build-types/flex/flex-item/hook.d.ts +1 -1
- package/build-types/flex/stories/index.story.d.ts.map +1 -1
- package/build-types/focal-point-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
- package/build-types/font-size-picker/stories/index.story.d.ts +8 -7
- package/build-types/font-size-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/font-size-picker/styles.d.ts +2 -2
- package/build-types/form-file-upload/stories/index.story.d.ts.map +1 -1
- package/build-types/form-toggle/stories/index.story.d.ts.map +1 -1
- package/build-types/form-token-field/stories/index.story.d.ts.map +1 -1
- package/build-types/form-token-field/styles.d.ts +1 -1
- package/build-types/gradient-picker/stories/index.story.d.ts +6 -5
- package/build-types/gradient-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/grid/hook.d.ts +1 -1
- package/build-types/grid/stories/index.story.d.ts.map +1 -1
- package/build-types/guide/stories/index.story.d.ts.map +1 -1
- package/build-types/h-stack/hook.d.ts +1 -1
- package/build-types/h-stack/stories/index.story.d.ts.map +1 -1
- package/build-types/heading/hook.d.ts +1 -1
- package/build-types/heading/stories/index.story.d.ts.map +1 -1
- package/build-types/higher-order/navigate-regions/index.d.ts +1 -1
- package/build-types/higher-order/with-notices/types.d.ts +1 -1
- package/build-types/higher-order/with-notices/types.d.ts.map +1 -1
- package/build-types/higher-order/with-spoken-messages/index.d.ts +2 -3
- package/build-types/higher-order/with-spoken-messages/index.d.ts.map +1 -1
- package/build-types/icon/index.d.ts +2 -2
- package/build-types/icon/index.d.ts.map +1 -1
- package/build-types/icon/stories/index.story.d.ts.map +1 -1
- package/build-types/input-control/stories/index.story.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts +2 -2
- package/build-types/item-group/item/hook.d.ts +1 -1
- package/build-types/item-group/item-group/hook.d.ts +1 -1
- package/build-types/item-group/stories/index.story.d.ts.map +1 -1
- package/build-types/keyboard-shortcuts/stories/index.story.d.ts.map +1 -1
- package/build-types/menu/index.d.ts +2 -2
- package/build-types/menu/item-help-text.d.ts +1 -1
- package/build-types/menu/item-label.d.ts +1 -1
- package/build-types/menu/stories/index.story.d.ts.map +1 -1
- package/build-types/menu/styles.d.ts +2 -2
- package/build-types/menu-group/stories/index.story.d.ts.map +1 -1
- package/build-types/menu-item/index.d.ts +1 -1
- package/build-types/menu-item/stories/index.story.d.ts +4 -4
- package/build-types/menu-item/stories/index.story.d.ts.map +1 -1
- package/build-types/menu-item/types.d.ts +1 -1
- package/build-types/menu-item/types.d.ts.map +1 -1
- package/build-types/menu-items-choice/stories/index.story.d.ts.map +1 -1
- package/build-types/modal/context.d.ts +4 -0
- package/build-types/modal/context.d.ts.map +1 -0
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/modal/stories/index.story.d.ts.map +1 -1
- package/build-types/modal/types.d.ts +1 -1
- package/build-types/modal/types.d.ts.map +1 -1
- package/build-types/modal/use-modal-exit-animation.d.ts +1 -1
- package/build-types/navigable-container/stories/navigable-menu.story.d.ts.map +1 -1
- package/build-types/navigable-container/stories/tabbable-container.story.d.ts.map +1 -1
- package/build-types/navigation/styles/navigation-styles.d.ts +2 -2
- package/build-types/navigation/types.d.ts +1 -1
- package/build-types/navigation/types.d.ts.map +1 -1
- package/build-types/navigator/navigator-back-button/hook.d.ts +1 -1
- package/build-types/navigator/navigator-button/hook.d.ts +1 -1
- package/build-types/navigator/stories/index.story.d.ts.map +1 -1
- package/build-types/navigator/styles.d.ts +24 -4
- package/build-types/navigator/styles.d.ts.map +1 -1
- package/build-types/notice/stories/index.story.d.ts.map +1 -1
- package/build-types/number-control/stories/index.story.d.ts.map +1 -1
- package/build-types/palette-edit/stories/index.story.d.ts.map +1 -1
- package/build-types/palette-edit/styles.d.ts +1 -1
- package/build-types/palette-edit/types.d.ts +1 -1
- package/build-types/palette-edit/types.d.ts.map +1 -1
- package/build-types/panel/stories/index.story.d.ts.map +1 -1
- package/build-types/panel/types.d.ts +2 -2
- package/build-types/panel/types.d.ts.map +1 -1
- package/build-types/placeholder/stories/index.story.d.ts.map +1 -1
- package/build-types/popover/context.d.ts +2 -0
- package/build-types/popover/context.d.ts.map +1 -0
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/popover/stories/index.story.d.ts.map +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
- package/build-types/query-controls/stories/index.story.d.ts.map +1 -1
- package/build-types/radio-control/stories/index.story.d.ts.map +1 -1
- package/build-types/range-control/index.d.ts.map +1 -1
- package/build-types/range-control/input-range.d.ts +1 -1
- package/build-types/range-control/stories/index.story.d.ts.map +1 -1
- package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
- package/build-types/range-control/types.d.ts +2 -2
- package/build-types/range-control/types.d.ts.map +1 -1
- package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts +1 -1
- package/build-types/resizable-box/resize-tooltip/utils.d.ts +1 -1
- package/build-types/resizable-box/resize-tooltip/utils.d.ts.map +1 -1
- package/build-types/resizable-box/stories/index.story.d.ts.map +1 -1
- package/build-types/responsive-wrapper/stories/index.story.d.ts.map +1 -1
- package/build-types/sandbox/stories/index.story.d.ts.map +1 -1
- package/build-types/scroll-lock/stories/index.story.d.ts.map +1 -1
- package/build-types/scrollable/hook.d.ts +1 -1
- package/build-types/scrollable/stories/index.story.d.ts.map +1 -1
- package/build-types/search-control/stories/index.story.d.ts.map +1 -1
- package/build-types/search-control/types.d.ts +1 -1
- package/build-types/search-control/types.d.ts.map +1 -1
- package/build-types/select-control/stories/index.story.d.ts.map +1 -1
- package/build-types/select-control/styles/select-control-styles.d.ts +2 -2
- package/build-types/shortcut/stories/index.story.d.ts.map +1 -1
- package/build-types/slot-fill/bubbles-virtually/slot.d.ts +1 -1
- package/build-types/slot-fill/index.d.ts +1 -7
- package/build-types/slot-fill/index.d.ts.map +1 -1
- package/build-types/slot-fill/stories/index.story.d.ts.map +1 -1
- package/build-types/slot-fill/types.d.ts +1 -1
- package/build-types/slot-fill/types.d.ts.map +1 -1
- package/build-types/snackbar/index.d.ts +1 -1
- package/build-types/snackbar/stories/index.story.d.ts.map +1 -1
- package/build-types/spacer/hook.d.ts +1 -1
- package/build-types/spacer/stories/index.story.d.ts.map +1 -1
- package/build-types/spinner/stories/index.story.d.ts.map +1 -1
- package/build-types/surface/hook.d.ts +1 -1
- package/build-types/surface/stories/index.story.d.ts.map +1 -1
- package/build-types/tab-panel/stories/index.story.d.ts.map +1 -1
- package/build-types/tabs/stories/index.story.d.ts.map +1 -1
- package/build-types/tabs/styles.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +1 -1
- package/build-types/text/stories/index.story.d.ts +3 -3
- package/build-types/text/stories/index.story.d.ts.map +1 -1
- package/build-types/text/styles.d.ts.map +1 -1
- package/build-types/text/utils.d.ts +18 -18
- package/build-types/text/utils.d.ts.map +1 -1
- package/build-types/text-control/stories/index.story.d.ts.map +1 -1
- package/build-types/text-highlight/stories/index.story.d.ts.map +1 -1
- package/build-types/textarea-control/stories/index.story.d.ts.map +1 -1
- package/build-types/theme/stories/index.story.d.ts +1 -1
- package/build-types/theme/stories/index.story.d.ts.map +1 -1
- package/build-types/tip/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-control/index.d.ts.map +1 -1
- package/build-types/toggle-control/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-group-control/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/toggle-group-control/types.d.ts +1 -1
- package/build-types/toggle-group-control/types.d.ts.map +1 -1
- package/build-types/toolbar/stories/index.story.d.ts.map +1 -1
- package/build-types/tools-panel/stories/index.story.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts +1 -1
- package/build-types/tools-panel/tools-panel-header/hook.d.ts +1 -1
- package/build-types/tools-panel/tools-panel-item/hook.d.ts +1 -1
- package/build-types/tooltip/context.d.ts +3 -0
- package/build-types/tooltip/context.d.ts.map +1 -0
- package/build-types/tooltip/index.d.ts +0 -3
- package/build-types/tooltip/index.d.ts.map +1 -1
- package/build-types/tooltip/stories/index.story.d.ts.map +1 -1
- package/build-types/tree-grid/stories/index.story.d.ts.map +1 -1
- package/build-types/tree-grid/types.d.ts +1 -1
- package/build-types/tree-grid/types.d.ts.map +1 -1
- package/build-types/tree-select/stories/index.story.d.ts.map +1 -1
- package/build-types/truncate/hook.d.ts +1 -1
- package/build-types/truncate/stories/index.story.d.ts.map +1 -1
- package/build-types/unit-control/stories/index.story.d.ts.map +1 -1
- package/build-types/utils/hooks/use-cx.d.ts +1 -1
- package/build-types/utils/hooks/use-cx.d.ts.map +1 -1
- package/build-types/utils/hooks/use-update-effect.d.ts +3 -3
- package/build-types/utils/hooks/use-update-effect.d.ts.map +1 -1
- package/build-types/utils/rtl.d.ts +4 -4
- package/build-types/utils/rtl.d.ts.map +1 -1
- package/build-types/utils/use-responsive-value.d.ts.map +1 -1
- package/build-types/v-stack/hook.d.ts +1 -1
- package/build-types/v-stack/stories/index.story.d.ts +1 -1
- package/build-types/v-stack/stories/index.story.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/range-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/stories/overview.story.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/toggle-control.d.ts.map +1 -1
- package/build-types/view/stories/index.story.d.ts.map +1 -1
- package/build-types/visually-hidden/stories/index.story.d.ts.map +1 -1
- package/build-types/z-stack/stories/index.story.d.ts.map +1 -1
- package/package.json +30 -30
- package/src/alignment-matrix-control/stories/index.story.tsx +4 -0
- package/src/alignment-matrix-control/test/index.tsx +1 -1
- package/src/angle-picker-control/angle-circle.tsx +6 -5
- package/src/angle-picker-control/stories/index.story.tsx +4 -0
- package/src/animate/stories/index.story.tsx +5 -0
- package/src/animate/types.ts +1 -1
- package/src/autocomplete/autocompleter-ui.tsx +1 -1
- package/src/autocomplete/index.tsx +3 -2
- package/src/autocomplete/types.ts +1 -1
- package/src/avatar/component.tsx +82 -0
- package/src/avatar/index.ts +2 -0
- package/src/avatar/styles.scss +152 -0
- package/src/avatar/types.ts +59 -0
- package/src/avatar-group/component.tsx +46 -0
- package/src/avatar-group/index.ts +2 -0
- package/src/avatar-group/styles.scss +32 -0
- package/src/avatar-group/types.ts +13 -0
- package/src/badge/stories/index.story.tsx +7 -0
- package/src/base-control/README.md +1 -1
- package/src/base-control/index.tsx +1 -1
- package/src/base-control/stories/index.story.tsx +5 -0
- package/src/border-box-control/stories/index.story.tsx +4 -0
- package/src/border-control/stories/index.story.tsx +4 -0
- package/src/box-control/stories/index.story.tsx +5 -0
- package/src/button/stories/index.story.tsx +5 -0
- package/src/button/style.scss +6 -2
- package/src/calendar/style.scss +4 -2
- package/src/card/stories/index.story.tsx +5 -0
- package/src/card/test/__snapshots__/index.tsx.snap +35 -35
- package/src/checkbox-control/stories/index.story.tsx +5 -0
- package/src/circular-option-picker/stories/index.story.tsx +5 -0
- package/src/clipboard-button/index.tsx +1 -1
- package/src/color-indicator/stories/index.story.tsx +4 -0
- package/src/color-palette/stories/index.story.tsx +60 -48
- package/src/color-picker/color-copy-button.tsx +1 -3
- package/src/color-picker/stories/index.story.tsx +4 -0
- package/src/combobox-control/stories/index.story.tsx +5 -0
- package/src/composite/stories/index.story.tsx +5 -1
- package/src/confirm-dialog/component.tsx +2 -2
- package/src/confirm-dialog/stories/index.story.tsx +4 -0
- package/src/context/context-connect.ts +3 -3
- package/src/context/context-system-provider.js +4 -4
- package/src/context/test/__snapshots__/context-system-provider.js.snap +3 -3
- package/src/context/wordpress-component.ts +3 -5
- package/src/custom-gradient-picker/gradient-bar/control-points.tsx +3 -2
- package/src/custom-gradient-picker/stories/index.story.tsx +5 -0
- package/src/custom-gradient-picker/types.ts +1 -1
- package/src/custom-select-control/stories/index.story.tsx +5 -0
- package/src/custom-select-control-v2/custom-select.tsx +1 -1
- package/src/custom-select-control-v2/stories/index.story.tsx +8 -3
- package/src/custom-select-control-v2/test/index.tsx +3 -3
- package/src/custom-select-control-v2/types.ts +4 -4
- package/src/date-time/date/index.tsx +1 -1
- package/src/date-time/stories/date-time.story.tsx +5 -0
- package/src/date-time/stories/date.story.tsx +5 -0
- package/src/date-time/stories/time.story.tsx +5 -0
- package/src/date-time/time/test/index.tsx +42 -0
- package/src/date-time/utils.ts +1 -1
- package/src/disabled/context.ts +6 -0
- package/src/disabled/index.tsx +1 -11
- package/src/disabled/stories/index.story.tsx +4 -0
- package/src/divider/stories/index.story.tsx +5 -0
- package/src/draggable/index.native.js +17 -17
- package/src/draggable/stories/index.story.tsx +5 -0
- package/src/draggable/types.ts +1 -1
- package/src/drop-zone/stories/index.story.tsx +4 -0
- package/src/drop-zone/types.ts +1 -1
- package/src/dropdown/index.tsx +1 -1
- package/src/dropdown/stories/index.story.tsx +4 -0
- package/src/dropdown-menu/stories/index.story.tsx +5 -0
- package/src/dropdown-menu/types.ts +1 -1
- package/src/duotone-picker/stories/duotone-picker.story.tsx +4 -0
- package/src/duotone-picker/stories/duotone-swatch.story.tsx +4 -0
- package/src/elevation/stories/index.story.tsx +5 -0
- package/src/external-link/index.tsx +5 -1
- package/src/external-link/stories/index.story.tsx +4 -0
- package/src/flex/stories/index.story.tsx +5 -0
- package/src/flex/test/__snapshots__/index.tsx.snap +4 -4
- package/src/focal-point-picker/stories/index.story.tsx +4 -0
- package/src/font-size-picker/stories/index.story.tsx +137 -125
- package/src/form-file-upload/stories/index.story.tsx +4 -0
- package/src/form-toggle/stories/index.story.tsx +5 -0
- package/src/form-token-field/stories/index.story.tsx +5 -0
- package/src/gradient-picker/stories/index.story.tsx +52 -42
- package/src/grid/stories/index.story.tsx +5 -0
- package/src/guide/stories/index.story.tsx +6 -0
- package/src/h-stack/stories/index.story.tsx +5 -0
- package/src/h-stack/test/index.tsx +1 -1
- package/src/heading/hook.ts +2 -2
- package/src/heading/stories/index.story.tsx +5 -0
- package/src/heading/test/__snapshots__/index.tsx.snap +0 -1
- package/src/higher-order/with-notices/test/index.tsx +2 -2
- package/src/higher-order/with-notices/types.ts +1 -1
- package/src/higher-order/with-spoken-messages/index.tsx +2 -4
- package/src/icon/index.tsx +2 -2
- package/src/icon/stories/index.story.tsx +5 -0
- package/src/input-control/stories/index.story.tsx +5 -0
- package/src/item-group/stories/index.story.tsx +4 -0
- package/src/item-group/test/__snapshots__/index.js.snap +16 -16
- package/src/keyboard-shortcuts/index.tsx +1 -1
- package/src/keyboard-shortcuts/stories/index.story.tsx +4 -0
- package/src/menu/stories/index.story.tsx +6 -1
- package/src/menu-group/stories/index.story.tsx +5 -0
- package/src/menu-item/stories/index.story.tsx +5 -0
- package/src/menu-item/types.ts +1 -1
- package/src/menu-items-choice/stories/index.story.tsx +5 -0
- package/src/modal/context.ts +9 -0
- package/src/modal/index.tsx +5 -22
- package/src/modal/stories/index.story.tsx +5 -0
- package/src/modal/types.ts +1 -1
- package/src/modal/use-modal-exit-animation.ts +2 -2
- package/src/navigable-container/stories/navigable-menu.story.tsx +4 -0
- package/src/navigable-container/stories/tabbable-container.story.tsx +5 -0
- package/src/navigation/README.md +1 -1
- package/src/navigation/types.ts +1 -1
- package/src/navigator/stories/index.story.tsx +4 -0
- package/src/notice/stories/index.story.tsx +5 -0
- package/src/notice/test/__snapshots__/index.tsx.snap +1 -1
- package/src/number-control/index.tsx +1 -1
- package/src/number-control/stories/index.story.tsx +5 -0
- package/src/palette-edit/index.tsx +2 -2
- package/src/palette-edit/stories/index.story.tsx +4 -0
- package/src/palette-edit/types.ts +1 -1
- package/src/panel/README.md +1 -1
- package/src/panel/body.tsx +1 -1
- package/src/panel/stories/index.story.tsx +4 -0
- package/src/panel/types.ts +2 -2
- package/src/placeholder/stories/index.story.tsx +4 -0
- package/src/popover/context.ts +4 -0
- package/src/popover/index.tsx +1 -14
- package/src/popover/stories/index.story.tsx +5 -1
- package/src/private-apis.ts +10 -2
- package/src/progress-bar/stories/index.story.tsx +4 -0
- package/src/query-controls/stories/index.story.tsx +4 -0
- package/src/radio-control/stories/index.story.tsx +5 -0
- package/src/radio-control/test/index.tsx +5 -4
- package/src/range-control/index.tsx +1 -1
- package/src/range-control/stories/index.story.tsx +5 -0
- package/src/range-control/styles/range-control-styles.ts +33 -24
- package/src/range-control/types.ts +2 -2
- package/src/resizable-box/index.tsx +1 -1
- package/src/resizable-box/resize-tooltip/index.tsx +1 -1
- package/src/resizable-box/resize-tooltip/label.tsx +1 -1
- package/src/resizable-box/resize-tooltip/utils.ts +2 -2
- package/src/resizable-box/stories/index.story.tsx +4 -0
- package/src/responsive-wrapper/stories/index.story.tsx +5 -0
- package/src/sandbox/index.tsx +1 -1
- package/src/sandbox/stories/index.story.tsx +4 -0
- package/src/scroll-lock/stories/index.story.tsx +4 -0
- package/src/scrollable/stories/index.story.tsx +5 -0
- package/src/search-control/stories/index.story.tsx +5 -0
- package/src/search-control/types.ts +1 -1
- package/src/select-control/stories/index.story.tsx +5 -0
- package/src/shortcut/stories/index.story.tsx +4 -0
- package/src/slot-fill/index.tsx +12 -3
- package/src/slot-fill/stories/index.story.tsx +4 -0
- package/src/slot-fill/test/__snapshots__/slot.js.snap +4 -4
- package/src/slot-fill/test/index.js +38 -0
- package/src/slot-fill/types.ts +1 -1
- package/src/snackbar/list.tsx +1 -1
- package/src/snackbar/stories/index.story.tsx +4 -0
- package/src/spacer/stories/index.story.tsx +5 -0
- package/src/spinner/stories/index.story.tsx +4 -0
- package/src/style.scss +2 -0
- package/src/surface/stories/index.story.tsx +5 -0
- package/src/surface/test/__snapshots__/index.tsx.snap +10 -10
- package/src/tab-panel/stories/index.story.tsx +5 -0
- package/src/tabs/stories/index.story.tsx +5 -0
- package/src/tabs/styles.ts +1 -0
- package/src/text/stories/index.story.tsx +5 -0
- package/src/text/styles.ts +0 -1
- package/src/text/test/__snapshots__/index.tsx.snap +0 -2
- package/src/text/utils.ts +18 -18
- package/src/text-control/stories/index.story.tsx +5 -0
- package/src/text-highlight/stories/index.story.tsx +4 -0
- package/src/textarea-control/stories/index.story.tsx +5 -0
- package/src/theme/stories/index.story.tsx +5 -0
- package/src/tip/stories/index.story.tsx +4 -0
- package/src/toggle-control/index.tsx +4 -0
- package/src/toggle-control/stories/index.story.tsx +5 -0
- package/src/toggle-group-control/stories/index.story.tsx +5 -0
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +4 -4
- package/src/toggle-group-control/toggle-group-control/styles.ts +1 -1
- package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +1 -1
- package/src/toggle-group-control/types.ts +1 -1
- package/src/toolbar/stories/index.story.tsx +4 -0
- package/src/tools-panel/stories/index.story.tsx +4 -0
- package/src/tooltip/context.ts +8 -0
- package/src/tooltip/index.tsx +2 -22
- package/src/tooltip/stories/index.story.tsx +4 -0
- package/src/tree-grid/roving-tab-index-item.tsx +1 -1
- package/src/tree-grid/stories/index.story.tsx +4 -0
- package/src/tree-grid/types.ts +1 -1
- package/src/tree-select/stories/index.story.tsx +4 -0
- package/src/truncate/stories/index.story.tsx +4 -0
- package/src/unit-control/stories/index.story.tsx +4 -0
- package/src/utils/element-rect.ts +1 -1
- package/src/utils/hooks/use-cx.ts +1 -2
- package/src/utils/hooks/use-update-effect.js +2 -2
- package/src/utils/rtl.js +4 -4
- package/src/utils/use-responsive-value.ts +1 -5
- package/src/v-stack/stories/index.story.tsx +5 -0
- package/src/v-stack/test/index.tsx +1 -1
- package/src/validated-form-controls/components/stories/overview.story.tsx +2 -1
- package/src/validated-form-controls/components/toggle-control.tsx +6 -10
- package/src/view/stories/index.story.tsx +5 -0
- package/src/view/test/__snapshots__/index.js.snap +5 -5
- package/src/visually-hidden/stories/index.story.tsx +4 -0
- package/src/visually-hidden/test/__snapshots__/index.tsx.snap +1 -1
- package/src/z-stack/stories/index.story.tsx +5 -0
|
@@ -167,6 +167,186 @@
|
|
|
167
167
|
outline: 2px solid transparent;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
+
.components-avatar {
|
|
171
|
+
display: inline-flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
border-radius: 9999px;
|
|
174
|
+
overflow: clip;
|
|
175
|
+
flex-shrink: 0;
|
|
176
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
177
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.components-avatar__image {
|
|
181
|
+
box-sizing: border-box;
|
|
182
|
+
position: relative;
|
|
183
|
+
width: 32px;
|
|
184
|
+
height: 32px;
|
|
185
|
+
border-radius: 9999px;
|
|
186
|
+
border: 0;
|
|
187
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
188
|
+
overflow: clip;
|
|
189
|
+
flex-shrink: 0;
|
|
190
|
+
font-size: 0;
|
|
191
|
+
color: #fff;
|
|
192
|
+
}
|
|
193
|
+
.is-small > .components-avatar__image {
|
|
194
|
+
width: 24px;
|
|
195
|
+
height: 24px;
|
|
196
|
+
}
|
|
197
|
+
.has-src > .components-avatar__image {
|
|
198
|
+
background-image: var(--components-avatar-url);
|
|
199
|
+
background-size: cover;
|
|
200
|
+
background-position: center;
|
|
201
|
+
}
|
|
202
|
+
.has-avatar-border-color > .components-avatar__image {
|
|
203
|
+
border: var(--wp-admin-border-width-focus) solid var(--components-avatar-outline-color);
|
|
204
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
|
|
205
|
+
background-clip: padding-box;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.components-avatar:not(.has-src) > .components-avatar__image {
|
|
209
|
+
display: flex;
|
|
210
|
+
align-items: center;
|
|
211
|
+
justify-content: center;
|
|
212
|
+
font-size: 11px;
|
|
213
|
+
font-weight: 499;
|
|
214
|
+
border: 0;
|
|
215
|
+
box-shadow: none;
|
|
216
|
+
background-clip: border-box;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.components-avatar:not(.has-src).has-avatar-border-color > .components-avatar__image {
|
|
220
|
+
background-color: var(--components-avatar-outline-color);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.components-avatar__name {
|
|
224
|
+
font-size: 13px;
|
|
225
|
+
line-height: 20px;
|
|
226
|
+
color: #fff;
|
|
227
|
+
min-width: 0;
|
|
228
|
+
padding-bottom: 2px;
|
|
229
|
+
overflow: hidden;
|
|
230
|
+
opacity: 0;
|
|
231
|
+
white-space: nowrap;
|
|
232
|
+
transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.components-avatar.has-badge {
|
|
236
|
+
display: inline-grid;
|
|
237
|
+
grid-template-columns: min-content 0fr;
|
|
238
|
+
column-gap: 0;
|
|
239
|
+
padding-inline-end: 0;
|
|
240
|
+
transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
|
|
241
|
+
}
|
|
242
|
+
.components-avatar.has-badge:hover {
|
|
243
|
+
grid-template-columns: min-content 1fr;
|
|
244
|
+
column-gap: 4px;
|
|
245
|
+
padding-inline-end: 8px;
|
|
246
|
+
transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
|
|
247
|
+
}
|
|
248
|
+
.components-avatar.has-badge:hover .components-avatar__name {
|
|
249
|
+
opacity: 1;
|
|
250
|
+
transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.components-avatar.has-badge.has-avatar-border-color {
|
|
254
|
+
background-color: var(--components-avatar-outline-color);
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.components-avatar.has-status.has-src > .components-avatar__image {
|
|
258
|
+
background-image: none;
|
|
259
|
+
}
|
|
260
|
+
.components-avatar.has-status.has-src > .components-avatar__image::before {
|
|
261
|
+
content: "";
|
|
262
|
+
position: absolute;
|
|
263
|
+
inset: 0;
|
|
264
|
+
border-radius: inherit;
|
|
265
|
+
background-image: var(--components-avatar-url);
|
|
266
|
+
background-size: cover;
|
|
267
|
+
background-position: center;
|
|
268
|
+
mix-blend-mode: luminosity;
|
|
269
|
+
opacity: 0.3;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.components-avatar.has-status:not(.has-src) > .components-avatar__image {
|
|
273
|
+
color: rgba(255, 255, 255, 0.3);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.components-avatar.has-status.has-avatar-border-color > .components-avatar__image {
|
|
277
|
+
background-color: var(--components-avatar-outline-color);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.components-avatar__status-indicator {
|
|
281
|
+
position: absolute;
|
|
282
|
+
inset: 0;
|
|
283
|
+
display: flex;
|
|
284
|
+
align-items: center;
|
|
285
|
+
justify-content: center;
|
|
286
|
+
z-index: 1;
|
|
287
|
+
color: #fff;
|
|
288
|
+
fill: #fff;
|
|
289
|
+
}
|
|
290
|
+
.components-avatar__status-indicator svg {
|
|
291
|
+
width: 75%;
|
|
292
|
+
height: 75%;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
@media (prefers-reduced-motion: reduce) {
|
|
296
|
+
.components-avatar.has-badge,
|
|
297
|
+
.components-avatar__name {
|
|
298
|
+
transition: none;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
.components-avatar-group {
|
|
302
|
+
display: flex;
|
|
303
|
+
align-items: center;
|
|
304
|
+
}
|
|
305
|
+
.components-avatar-group > .components-avatar + .components-avatar {
|
|
306
|
+
margin-inline-start: -8px;
|
|
307
|
+
}
|
|
308
|
+
.components-avatar-group > .components-avatar {
|
|
309
|
+
position: relative;
|
|
310
|
+
}
|
|
311
|
+
.components-avatar-group > .components-avatar:nth-child(1) {
|
|
312
|
+
z-index: 10;
|
|
313
|
+
}
|
|
314
|
+
.components-avatar-group > .components-avatar:nth-child(2) {
|
|
315
|
+
z-index: 9;
|
|
316
|
+
}
|
|
317
|
+
.components-avatar-group > .components-avatar:nth-child(3) {
|
|
318
|
+
z-index: 8;
|
|
319
|
+
}
|
|
320
|
+
.components-avatar-group > .components-avatar:nth-child(4) {
|
|
321
|
+
z-index: 7;
|
|
322
|
+
}
|
|
323
|
+
.components-avatar-group > .components-avatar:nth-child(5) {
|
|
324
|
+
z-index: 6;
|
|
325
|
+
}
|
|
326
|
+
.components-avatar-group > .components-avatar:nth-child(6) {
|
|
327
|
+
z-index: 5;
|
|
328
|
+
}
|
|
329
|
+
.components-avatar-group > .components-avatar:nth-child(7) {
|
|
330
|
+
z-index: 4;
|
|
331
|
+
}
|
|
332
|
+
.components-avatar-group > .components-avatar:nth-child(8) {
|
|
333
|
+
z-index: 3;
|
|
334
|
+
}
|
|
335
|
+
.components-avatar-group > .components-avatar:nth-child(9) {
|
|
336
|
+
z-index: 2;
|
|
337
|
+
}
|
|
338
|
+
.components-avatar-group > .components-avatar:nth-child(10) {
|
|
339
|
+
z-index: 1;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.components-avatar-group__overflow {
|
|
343
|
+
margin-inline-start: 4px;
|
|
344
|
+
font-size: 12px;
|
|
345
|
+
line-height: 20px;
|
|
346
|
+
color: #1e1e1e;
|
|
347
|
+
white-space: nowrap;
|
|
348
|
+
}
|
|
349
|
+
|
|
170
350
|
.components-badge {
|
|
171
351
|
box-sizing: border-box;
|
|
172
352
|
}
|
|
@@ -290,6 +470,8 @@
|
|
|
290
470
|
}
|
|
291
471
|
.components-button:focus:not(:active) {
|
|
292
472
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
473
|
+
}
|
|
474
|
+
.components-button:focus {
|
|
293
475
|
outline: 3px solid transparent;
|
|
294
476
|
}
|
|
295
477
|
.components-button {
|
|
@@ -537,6 +719,8 @@ p + .components-button.is-tertiary {
|
|
|
537
719
|
}
|
|
538
720
|
.components-button.is-pressed:focus:not(:active) {
|
|
539
721
|
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
722
|
+
}
|
|
723
|
+
.components-button.is-pressed:focus {
|
|
540
724
|
outline: 2px solid transparent;
|
|
541
725
|
}
|
|
542
726
|
.components-button svg {
|
|
@@ -580,7 +764,7 @@ p + .components-button.is-tertiary {
|
|
|
580
764
|
position: relative;
|
|
581
765
|
}
|
|
582
766
|
.components-calendar__day:has(.components-calendar__day-button:disabled) {
|
|
583
|
-
color: var(--wp-components-color-gray-
|
|
767
|
+
color: var(--wp-components-color-gray-400, #ccc);
|
|
584
768
|
}
|
|
585
769
|
.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)), .components-calendar__day:has(.components-calendar__day-button:focus-visible) {
|
|
586
770
|
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
package/build-style/style.css
CHANGED
|
@@ -167,6 +167,186 @@
|
|
|
167
167
|
outline: 2px solid transparent;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
+
.components-avatar {
|
|
171
|
+
display: inline-flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
border-radius: 9999px;
|
|
174
|
+
overflow: clip;
|
|
175
|
+
flex-shrink: 0;
|
|
176
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
177
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.components-avatar__image {
|
|
181
|
+
box-sizing: border-box;
|
|
182
|
+
position: relative;
|
|
183
|
+
width: 32px;
|
|
184
|
+
height: 32px;
|
|
185
|
+
border-radius: 9999px;
|
|
186
|
+
border: 0;
|
|
187
|
+
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
188
|
+
overflow: clip;
|
|
189
|
+
flex-shrink: 0;
|
|
190
|
+
font-size: 0;
|
|
191
|
+
color: #fff;
|
|
192
|
+
}
|
|
193
|
+
.is-small > .components-avatar__image {
|
|
194
|
+
width: 24px;
|
|
195
|
+
height: 24px;
|
|
196
|
+
}
|
|
197
|
+
.has-src > .components-avatar__image {
|
|
198
|
+
background-image: var(--components-avatar-url);
|
|
199
|
+
background-size: cover;
|
|
200
|
+
background-position: center;
|
|
201
|
+
}
|
|
202
|
+
.has-avatar-border-color > .components-avatar__image {
|
|
203
|
+
border: var(--wp-admin-border-width-focus) solid var(--components-avatar-outline-color);
|
|
204
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
|
|
205
|
+
background-clip: padding-box;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.components-avatar:not(.has-src) > .components-avatar__image {
|
|
209
|
+
display: flex;
|
|
210
|
+
align-items: center;
|
|
211
|
+
justify-content: center;
|
|
212
|
+
font-size: 11px;
|
|
213
|
+
font-weight: 499;
|
|
214
|
+
border: 0;
|
|
215
|
+
box-shadow: none;
|
|
216
|
+
background-clip: border-box;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.components-avatar:not(.has-src).has-avatar-border-color > .components-avatar__image {
|
|
220
|
+
background-color: var(--components-avatar-outline-color);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.components-avatar__name {
|
|
224
|
+
font-size: 13px;
|
|
225
|
+
line-height: 20px;
|
|
226
|
+
color: #fff;
|
|
227
|
+
min-width: 0;
|
|
228
|
+
padding-bottom: 2px;
|
|
229
|
+
overflow: hidden;
|
|
230
|
+
opacity: 0;
|
|
231
|
+
white-space: nowrap;
|
|
232
|
+
transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.components-avatar.has-badge {
|
|
236
|
+
display: inline-grid;
|
|
237
|
+
grid-template-columns: min-content 0fr;
|
|
238
|
+
column-gap: 0;
|
|
239
|
+
padding-inline-end: 0;
|
|
240
|
+
transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
|
|
241
|
+
}
|
|
242
|
+
.components-avatar.has-badge:hover {
|
|
243
|
+
grid-template-columns: min-content 1fr;
|
|
244
|
+
column-gap: 4px;
|
|
245
|
+
padding-inline-end: 8px;
|
|
246
|
+
transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
|
|
247
|
+
}
|
|
248
|
+
.components-avatar.has-badge:hover .components-avatar__name {
|
|
249
|
+
opacity: 1;
|
|
250
|
+
transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.components-avatar.has-badge.has-avatar-border-color {
|
|
254
|
+
background-color: var(--components-avatar-outline-color);
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.components-avatar.has-status.has-src > .components-avatar__image {
|
|
258
|
+
background-image: none;
|
|
259
|
+
}
|
|
260
|
+
.components-avatar.has-status.has-src > .components-avatar__image::before {
|
|
261
|
+
content: "";
|
|
262
|
+
position: absolute;
|
|
263
|
+
inset: 0;
|
|
264
|
+
border-radius: inherit;
|
|
265
|
+
background-image: var(--components-avatar-url);
|
|
266
|
+
background-size: cover;
|
|
267
|
+
background-position: center;
|
|
268
|
+
mix-blend-mode: luminosity;
|
|
269
|
+
opacity: 0.3;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.components-avatar.has-status:not(.has-src) > .components-avatar__image {
|
|
273
|
+
color: rgba(255, 255, 255, 0.3);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.components-avatar.has-status.has-avatar-border-color > .components-avatar__image {
|
|
277
|
+
background-color: var(--components-avatar-outline-color);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.components-avatar__status-indicator {
|
|
281
|
+
position: absolute;
|
|
282
|
+
inset: 0;
|
|
283
|
+
display: flex;
|
|
284
|
+
align-items: center;
|
|
285
|
+
justify-content: center;
|
|
286
|
+
z-index: 1;
|
|
287
|
+
color: #fff;
|
|
288
|
+
fill: #fff;
|
|
289
|
+
}
|
|
290
|
+
.components-avatar__status-indicator svg {
|
|
291
|
+
width: 75%;
|
|
292
|
+
height: 75%;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
@media (prefers-reduced-motion: reduce) {
|
|
296
|
+
.components-avatar.has-badge,
|
|
297
|
+
.components-avatar__name {
|
|
298
|
+
transition: none;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
.components-avatar-group {
|
|
302
|
+
display: flex;
|
|
303
|
+
align-items: center;
|
|
304
|
+
}
|
|
305
|
+
.components-avatar-group > .components-avatar + .components-avatar {
|
|
306
|
+
margin-inline-start: -8px;
|
|
307
|
+
}
|
|
308
|
+
.components-avatar-group > .components-avatar {
|
|
309
|
+
position: relative;
|
|
310
|
+
}
|
|
311
|
+
.components-avatar-group > .components-avatar:nth-child(1) {
|
|
312
|
+
z-index: 10;
|
|
313
|
+
}
|
|
314
|
+
.components-avatar-group > .components-avatar:nth-child(2) {
|
|
315
|
+
z-index: 9;
|
|
316
|
+
}
|
|
317
|
+
.components-avatar-group > .components-avatar:nth-child(3) {
|
|
318
|
+
z-index: 8;
|
|
319
|
+
}
|
|
320
|
+
.components-avatar-group > .components-avatar:nth-child(4) {
|
|
321
|
+
z-index: 7;
|
|
322
|
+
}
|
|
323
|
+
.components-avatar-group > .components-avatar:nth-child(5) {
|
|
324
|
+
z-index: 6;
|
|
325
|
+
}
|
|
326
|
+
.components-avatar-group > .components-avatar:nth-child(6) {
|
|
327
|
+
z-index: 5;
|
|
328
|
+
}
|
|
329
|
+
.components-avatar-group > .components-avatar:nth-child(7) {
|
|
330
|
+
z-index: 4;
|
|
331
|
+
}
|
|
332
|
+
.components-avatar-group > .components-avatar:nth-child(8) {
|
|
333
|
+
z-index: 3;
|
|
334
|
+
}
|
|
335
|
+
.components-avatar-group > .components-avatar:nth-child(9) {
|
|
336
|
+
z-index: 2;
|
|
337
|
+
}
|
|
338
|
+
.components-avatar-group > .components-avatar:nth-child(10) {
|
|
339
|
+
z-index: 1;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.components-avatar-group__overflow {
|
|
343
|
+
margin-inline-start: 4px;
|
|
344
|
+
font-size: 12px;
|
|
345
|
+
line-height: 20px;
|
|
346
|
+
color: #1e1e1e;
|
|
347
|
+
white-space: nowrap;
|
|
348
|
+
}
|
|
349
|
+
|
|
170
350
|
.components-badge {
|
|
171
351
|
box-sizing: border-box;
|
|
172
352
|
}
|
|
@@ -290,6 +470,8 @@
|
|
|
290
470
|
}
|
|
291
471
|
.components-button:focus:not(:active) {
|
|
292
472
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
473
|
+
}
|
|
474
|
+
.components-button:focus {
|
|
293
475
|
outline: 3px solid transparent;
|
|
294
476
|
}
|
|
295
477
|
.components-button {
|
|
@@ -537,6 +719,8 @@ p + .components-button.is-tertiary {
|
|
|
537
719
|
}
|
|
538
720
|
.components-button.is-pressed:focus:not(:active) {
|
|
539
721
|
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
722
|
+
}
|
|
723
|
+
.components-button.is-pressed:focus {
|
|
540
724
|
outline: 2px solid transparent;
|
|
541
725
|
}
|
|
542
726
|
.components-button svg {
|
|
@@ -580,7 +764,7 @@ p + .components-button.is-tertiary {
|
|
|
580
764
|
position: relative;
|
|
581
765
|
}
|
|
582
766
|
.components-calendar__day:has(.components-calendar__day-button:disabled) {
|
|
583
|
-
color: var(--wp-components-color-gray-
|
|
767
|
+
color: var(--wp-components-color-gray-400, #ccc);
|
|
584
768
|
}
|
|
585
769
|
.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)), .components-calendar__day:has(.components-calendar__day-button:focus-visible) {
|
|
586
770
|
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAS3D;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAS3D;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAqB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,6SAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"angle-circle.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/angle-circle.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQhD,iBAAS,WAAW,CAAE,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,gBAAgB,EAAE,KAAK,CAAE,+
|
|
1
|
+
{"version":3,"file":"angle-circle.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/angle-circle.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQhD,iBAAS,WAAW,CAAE,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,gBAAgB,EAAE,KAAK,CAAE,+BA8FpD;AAmBD,eAAe,WAAW,CAAC"}
|
|
@@ -21,7 +21,7 @@ import type { AnglePickerControlProps } from './types';
|
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
23
|
export declare const AnglePickerControl: import("react").ForwardRefExoticComponent<AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof AnglePickerControlProps> & {
|
|
24
|
-
as?: keyof JSX.IntrinsicElements | undefined;
|
|
24
|
+
as?: keyof import("react").JSX.IntrinsicElements | undefined;
|
|
25
25
|
} & import("react").RefAttributes<any>>;
|
|
26
26
|
export default AnglePickerControl;
|
|
27
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -9,6 +9,6 @@ import { AnglePickerControl } from '..';
|
|
|
9
9
|
declare const meta: Meta<typeof AnglePickerControl>;
|
|
10
10
|
export default meta;
|
|
11
11
|
export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
|
|
12
|
-
as?: keyof JSX.IntrinsicElements | undefined;
|
|
12
|
+
as?: keyof import("react").JSX.IntrinsicElements | undefined;
|
|
13
13
|
} & import("react").RefAttributes<any>>;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,kBAAkB,CAoB1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,OAAO;;uCAAkC,CAAC"}
|
|
@@ -25,6 +25,6 @@ export declare function getAnimateClassName(options: GetAnimateOptions): string
|
|
|
25
25
|
* );
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
|
-
export declare function Animate({ type, options, children }: AnimateProps): JSX.Element;
|
|
28
|
+
export declare function Animate({ type, options, children }: AnimateProps): import("react").JSX.Element;
|
|
29
29
|
export default Animate;
|
|
30
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animate/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU/D;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAE,OAAO,EAAE,iBAAiB,sBAoB9D;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAE,EAAE,IAAI,EAAE,OAAY,EAAE,QAAQ,EAAE,EAAE,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animate/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU/D;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAE,OAAO,EAAE,iBAAiB,sBAoB9D;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAE,EAAE,IAAI,EAAE,OAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAOtE;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAa/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,mIAAsB,CAAC;AAc3C,eAAO,MAAM,aAAa,mIAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,mIAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,mIAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,mIAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,mIAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,mIAAsB,CAAC"}
|
|
@@ -23,7 +23,7 @@ type DistributiveTypeAndOptions<T extends {
|
|
|
23
23
|
export type AnimateProps = DistributiveTypeAndOptions<GetAnimateOptions> & {
|
|
24
24
|
children: (props: {
|
|
25
25
|
className?: string;
|
|
26
|
-
}) => JSX.Element;
|
|
26
|
+
}) => React.JSX.Element;
|
|
27
27
|
};
|
|
28
28
|
export {};
|
|
29
29
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/animate/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EACJ,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,CAAC;CAClB,CAAC;AACF,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AACtE,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC1D,KAAK,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAC1B,aAAa,GACb,cAAc,GACd,cAAc,GACd,kBAAkB,CAAC;AAItB,KAAK,0BAA0B,CAAE,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,IAAK,CAAC,SAAS,GAAG,GACxE,IAAI,CAAE,CAAC,EAAE,MAAM,CAAE,GAAG;IAAE,OAAO,CAAC,EAAE,IAAI,CAAE,CAAC,EAAE,MAAM,CAAE,CAAA;CAAE,GACnD,KAAK,CAAC;AAET,MAAM,MAAM,YAAY,GAAG,0BAA0B,CAAE,iBAAiB,CAAE,GAAG;IAC5E,QAAQ,EAAE,CAAE,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAM,GAAG,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/animate/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EACJ,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,CAAC;CAClB,CAAC;AACF,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AACtE,KAAK,cAAc,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC1D,KAAK,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAC1B,aAAa,GACb,cAAc,GACd,cAAc,GACd,kBAAkB,CAAC;AAItB,KAAK,0BAA0B,CAAE,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,IAAK,CAAC,SAAS,GAAG,GACxE,IAAI,CAAE,CAAC,EAAE,MAAM,CAAE,GAAG;IAAE,OAAO,CAAC,EAAE,IAAI,CAAE,CAAC,EAAE,MAAM,CAAE,CAAA;CAAE,GACnD,KAAK,CAAC;AAET,MAAM,MAAM,YAAY,GAAG,0BAA0B,CAAE,iBAAiB,CAAE,GAAG;IAC5E,QAAQ,EAAE,CAAE,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAM,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACjE,CAAC"}
|
|
@@ -6,13 +6,13 @@ export declare function useAutocomplete({ record, onChange, onReplace, completer
|
|
|
6
6
|
popover: false | import("react").JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
export declare function useAutocompleteProps(options: UseAutocompleteProps): {
|
|
9
|
-
ref:
|
|
9
|
+
ref: import("react").RefCallback<HTMLElement>;
|
|
10
10
|
children?: undefined;
|
|
11
11
|
'aria-autocomplete'?: undefined;
|
|
12
12
|
'aria-owns'?: undefined;
|
|
13
13
|
'aria-activedescendant'?: undefined;
|
|
14
14
|
} | {
|
|
15
|
-
ref:
|
|
15
|
+
ref: import("react").RefCallback<HTMLElement>;
|
|
16
16
|
children: false | import("react").JSX.Element;
|
|
17
17
|
'aria-autocomplete': string | undefined;
|
|
18
18
|
'aria-owns': string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAuClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}
|
|
@@ -90,7 +90,7 @@ export type WPCompleter<TCompleterOption = any> = {
|
|
|
90
90
|
*/
|
|
91
91
|
className?: string;
|
|
92
92
|
};
|
|
93
|
-
type ContentRef = React.RefObject<HTMLElement>;
|
|
93
|
+
type ContentRef = React.RefObject<HTMLElement | null>;
|
|
94
94
|
export type AutocompleterUIProps = {
|
|
95
95
|
/**
|
|
96
96
|
* The value to filter the options by.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/autocomplete/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;AAE9E,KAAK,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAE,MAAM,GAAG,YAAY,CAAE,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAE,MAAM,CAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,gBAAgB,GAAG,GAAG,IAAK;IACnD;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,OAAO,EACJ,CAAE,CACF,KAAK,EAAE,MAAM,KAEX,WAAW,CAAE,SAAS,gBAAgB,EAAE,CAAE,GAC1C,SAAS,gBAAgB,EAAE,CAAE,GAC/B,SAAS,gBAAgB,EAAE,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,KAAK,CAAE,MAAM,CAAE,CAAC;IACpE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,OAAO,CAAC;IAC3D;;;OAGG;IACH,cAAc,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,WAAW,CAAC;IAC5D;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAM,OAAO,CAAC;IAC5D;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,CACrB,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,KACT,gBAAgB,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAE,WAAW,EAAE,MAAM,KAAM,SAAS,CAAE,KAAK,CAAE,WAAW,CAAE,CAAE,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAE,WAAW,CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/autocomplete/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;AAE9E,KAAK,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAE,MAAM,GAAG,YAAY,CAAE,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAE,MAAM,CAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,gBAAgB,GAAG,GAAG,IAAK;IACnD;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,OAAO,EACJ,CAAE,CACF,KAAK,EAAE,MAAM,KAEX,WAAW,CAAE,SAAS,gBAAgB,EAAE,CAAE,GAC1C,SAAS,gBAAgB,EAAE,CAAE,GAC/B,SAAS,gBAAgB,EAAE,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,KAAK,CAAE,MAAM,CAAE,CAAC;IACpE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,OAAO,CAAC;IAC3D;;;OAGG;IACH,cAAc,EAAE,CAAE,MAAM,EAAE,gBAAgB,KAAM,WAAW,CAAC;IAC5D;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAM,OAAO,CAAC;IAC5D;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,CACrB,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,KACT,gBAAgB,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAE,WAAW,EAAE,MAAM,KAAM,SAAS,CAAE,KAAK,CAAE,WAAW,CAAE,CAAE,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAE,WAAW,GAAG,IAAI,CAAE,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,EAAE,CAAE,KAAK,EAAE,KAAK,CAAE,WAAW,CAAE,KAAM,IAAI,CAAC;IACzD;;OAEG;IACH,QAAQ,EAAE,CAAE,MAAM,EAAE,WAAW,KAAM,IAAI,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,CAAE,KAAK,EAAE,KAAK,KAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,UAAU,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAE,CAAC,GAAG,IAAI,IAAK,OAAO,CAAE,CAAC,CAAE,GAAG;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,MAAM,EAAE,aAAa,GAAG;QACvB,KAAK,EAAE,WAAW,CAAE,aAAa,CAAE,OAAO,CAAE,CAAE,CAAC;QAC/C,GAAG,EAAE,WAAW,CAAE,aAAa,CAAE,KAAK,CAAE,CAAE,CAAC;KAC3C,CAAC;IACF;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,IAAI,CAAC;IAC3C;;;OAGG;IACH,SAAS,EAAE,CAAE,MAAM,EAAE,aAAa,EAAE,KAAM,IAAI,CAAC;IAC/C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAE,WAAW,CAAE,CAAC;IACjC;;;OAGG;IACH,UAAU,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,GAAG;IACtD;;OAEG;IACH,QAAQ,EAAE,CACT,KAAK,EAAE,IAAI,CAAE,UAAU,CAAE,OAAO,eAAe,CAAE,EAAE,SAAS,CAAE,KAC1D,KAAK,CAAC,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { AvatarProps } from './types';
|
|
2
|
+
import type { WordPressComponentProps } from '../context';
|
|
3
|
+
declare function Avatar({ className, src, name, label, badge, size, borderColor, status, statusIndicator, style, ...props }: WordPressComponentProps<AvatarProps, 'div', false>): import("react").JSX.Element;
|
|
4
|
+
export default Avatar;
|
|
5
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/avatar/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,iBAAS,MAAM,CAAE,EAChB,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAa,EACb,IAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,KAAK,EACL,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAE,+BAsDtD;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { IconType } from '../icon';
|
|
2
|
+
export type AvatarProps = {
|
|
3
|
+
/**
|
|
4
|
+
* URL of the avatar image.
|
|
5
|
+
*
|
|
6
|
+
* When not provided, initials derived from `name` are shown.
|
|
7
|
+
*/
|
|
8
|
+
src?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Name of the user. Used as an accessible label and to generate
|
|
11
|
+
* initials when no image is provided.
|
|
12
|
+
*/
|
|
13
|
+
name?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Visible text shown in the hover badge. When not provided, `name`
|
|
16
|
+
* is used instead. Use this to provide contextual labels like "You"
|
|
17
|
+
* without affecting the accessible name or initials.
|
|
18
|
+
*/
|
|
19
|
+
label?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Whether to show the hover-expand badge that reveals the user's
|
|
22
|
+
* name (or `label`) on hover. Requires `name` to be set.
|
|
23
|
+
*
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
badge?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the avatar.
|
|
29
|
+
*
|
|
30
|
+
* - `'default'`: 32px
|
|
31
|
+
* - `'small'`: 24px
|
|
32
|
+
*
|
|
33
|
+
* @default 'default'
|
|
34
|
+
*/
|
|
35
|
+
size?: 'default' | 'small';
|
|
36
|
+
/**
|
|
37
|
+
* CSS color value for an accent border ring around the avatar.
|
|
38
|
+
*
|
|
39
|
+
* When not provided, no border is rendered and the hover badge
|
|
40
|
+
* and avatar status uses the admin theme color as its background.
|
|
41
|
+
*/
|
|
42
|
+
borderColor?: string;
|
|
43
|
+
/**
|
|
44
|
+
* A status string applied to the avatar. When set, the image is
|
|
45
|
+
* dimmed to indicate a non-default state. A corresponding
|
|
46
|
+
* `is-{status}` class is added for custom styling.
|
|
47
|
+
*/
|
|
48
|
+
status?: string;
|
|
49
|
+
/**
|
|
50
|
+
* An icon or custom component rendered as a centered overlay on the
|
|
51
|
+
* avatar image. Only visible when `status` is set.
|
|
52
|
+
*
|
|
53
|
+
* Accepts any value supported by the `Icon` component: an icon from
|
|
54
|
+
* `@wordpress/icons`, a Dashicon name string, a component, or a
|
|
55
|
+
* JSX element.
|
|
56
|
+
*/
|
|
57
|
+
statusIndicator?: IconType | null;
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAClC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { AvatarGroupProps } from './types';
|
|
5
|
+
import type { WordPressComponentProps } from '../context';
|
|
6
|
+
declare function AvatarGroup({ className, max, children, ...props }: WordPressComponentProps<AvatarGroupProps, 'div', false>): import("react").JSX.Element;
|
|
7
|
+
export default AvatarGroup;
|
|
8
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/avatar-group/component.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,iBAAS,WAAW,CAAE,EACrB,SAAS,EACT,GAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,CAAE,+BAsB3D;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
|