@wordpress/components 39.0.0 → 40.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +63 -0
- package/CONTRIBUTING.md +7 -8
- package/build/base-control/styles/base-control-styles.cjs +150 -45
- package/build/base-control/styles/base-control-styles.cjs.map +4 -4
- package/build/border-box-control/border-box-control/hook.cjs +88 -23
- 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 +87 -8
- package/build/border-box-control/border-box-control-linked-button/hook.cjs.map +4 -4
- package/build/border-box-control/border-box-control-split-controls/hook.cjs +89 -16
- package/build/border-box-control/border-box-control-split-controls/hook.cjs.map +4 -4
- package/build/border-box-control/border-box-control-visualizer/hook.cjs +108 -8
- package/build/border-box-control/border-box-control-visualizer/hook.cjs.map +4 -4
- package/build/border-control/border-control/hook.cjs +89 -14
- package/build/border-control/border-control/hook.cjs.map +4 -4
- package/build/border-control/border-control-dropdown/component.cjs +2 -4
- package/build/border-control/border-control-dropdown/component.cjs.map +2 -2
- package/build/border-control/border-control-dropdown/hook.cjs +103 -27
- package/build/border-control/border-control-dropdown/hook.cjs.map +4 -4
- package/build/box-control/box-input-control.cjs +102 -10
- package/build/box-control/box-input-control.cjs.map +4 -4
- package/build/box-control/index.cjs +95 -5
- package/build/box-control/index.cjs.map +4 -4
- package/build/button/index.cjs +10 -3
- package/build/button/index.cjs.map +2 -2
- package/build/card/card-body/hook.cjs +4 -2
- package/build/card/card-body/hook.cjs.map +2 -2
- package/build/card/styles.cjs +31 -16
- package/build/card/styles.cjs.map +2 -2
- package/build/circular-option-picker/circular-option-picker-option.cjs +4 -5
- package/build/circular-option-picker/circular-option-picker-option.cjs.map +2 -2
- package/build/circular-option-picker/circular-option-picker.cjs +24 -6
- package/build/circular-option-picker/circular-option-picker.cjs.map +2 -2
- package/build/circular-option-picker/index.cjs +6 -2
- package/build/circular-option-picker/index.cjs.map +2 -2
- package/build/circular-option-picker/utils.cjs +38 -8
- package/build/circular-option-picker/utils.cjs.map +3 -3
- package/build/color-palette/index.cjs +103 -10
- package/build/color-palette/index.cjs.map +3 -3
- package/build/combobox-control/index.cjs +87 -2
- package/build/combobox-control/index.cjs.map +3 -3
- package/build/confirm-dialog/component.cjs +5 -1
- package/build/confirm-dialog/component.cjs.map +2 -2
- package/build/content-editable-control/index.cjs +1 -1
- package/build/content-editable-control/index.cjs.map +2 -2
- package/build/context/context-system-provider.cjs.map +2 -2
- package/build/custom-gradient-picker/gradient-bar/control-points.cjs +14 -2
- package/build/custom-gradient-picker/gradient-bar/control-points.cjs.map +2 -2
- package/build/custom-gradient-picker/gradient-bar/index.cjs +2 -0
- package/build/custom-gradient-picker/gradient-bar/index.cjs.map +2 -2
- package/build/dropdown/dropdown-content-wrapper.cjs +102 -3
- package/build/dropdown/dropdown-content-wrapper.cjs.map +4 -4
- package/build/duotone-picker/custom-duotone-bar.cjs +1 -0
- package/build/duotone-picker/custom-duotone-bar.cjs.map +2 -2
- package/build/duotone-picker/duotone-picker.cjs +23 -14
- package/build/duotone-picker/duotone-picker.cjs.map +2 -2
- package/build/focal-point-picker/index.cjs +5 -3
- package/build/focal-point-picker/index.cjs.map +2 -2
- package/build/gradient-picker/index.cjs +105 -11
- package/build/gradient-picker/index.cjs.map +3 -3
- package/build/input-control/input-field.cjs +1 -0
- package/build/input-control/input-field.cjs.map +2 -2
- package/build/input-control/styles/input-control-styles.cjs +22 -22
- package/build/input-control/styles/input-control-styles.cjs.map +2 -2
- package/build/modal/index.cjs +1 -0
- package/build/modal/index.cjs.map +2 -2
- package/build/palette-edit/index.cjs +208 -33
- package/build/palette-edit/index.cjs.map +3 -3
- package/build/private-apis.cjs +1 -6
- package/build/private-apis.cjs.map +2 -2
- package/build/progress-bar/index.cjs +95 -7
- package/build/progress-bar/index.cjs.map +4 -4
- package/build/radio-control/index.cjs +1 -0
- package/build/radio-control/index.cjs.map +2 -2
- package/build/resizable-box/resize-tooltip/index.cjs +91 -4
- package/build/resizable-box/resize-tooltip/index.cjs.map +3 -3
- package/build/resizable-box/resize-tooltip/label.cjs +103 -6
- package/build/resizable-box/resize-tooltip/label.cjs.map +4 -4
- package/build/scrollable/hook.cjs +93 -6
- package/build/scrollable/hook.cjs.map +4 -4
- package/build/textarea-control/index.cjs +87 -3
- package/build/textarea-control/index.cjs.map +3 -3
- package/build/toggle-group-control/toggle-group-control/component.cjs +1 -1
- package/build/toggle-group-control/toggle-group-control/component.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option-base/component.cjs +1 -1
- package/build/toggle-group-control/toggle-group-control-option-base/component.cjs.map +2 -2
- package/build/utils/config-values.cjs +0 -3
- package/build/utils/config-values.cjs.map +2 -2
- package/build/validated-form-controls/components/content-editable-control.cjs +3 -2
- package/build/validated-form-controls/components/content-editable-control.cjs.map +2 -2
- package/build/validated-form-controls/components/custom-select-control.cjs +3 -2
- package/build/validated-form-controls/components/custom-select-control.cjs.map +2 -2
- package/build/validated-form-controls/components/index.cjs +1 -9
- package/build/validated-form-controls/components/index.cjs.map +2 -2
- package/build/validated-form-controls/components/input-control.cjs +9 -2
- package/build/validated-form-controls/components/input-control.cjs.map +3 -3
- package/build/validated-form-controls/components/range-control.cjs +3 -2
- package/build/validated-form-controls/components/range-control.cjs.map +2 -2
- package/build/validated-form-controls/components/textarea-control.cjs +9 -2
- package/build/validated-form-controls/components/textarea-control.cjs.map +3 -3
- package/build/validated-form-controls/index.cjs +1 -3
- package/build/validated-form-controls/index.cjs.map +2 -2
- package/build/z-stack/component.cjs +105 -7
- package/build/z-stack/component.cjs.map +4 -4
- package/build-module/base-control/styles/base-control-styles.mjs +151 -46
- package/build-module/base-control/styles/base-control-styles.mjs.map +3 -3
- package/build-module/border-box-control/border-box-control/hook.mjs +89 -14
- package/build-module/border-box-control/border-box-control/hook.mjs.map +3 -3
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs +87 -8
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs.map +3 -3
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs +89 -16
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs.map +3 -3
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs +108 -8
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs.map +3 -3
- package/build-module/border-control/border-control/hook.mjs +90 -15
- package/build-module/border-control/border-control/hook.mjs.map +3 -3
- package/build-module/border-control/border-control-dropdown/component.mjs +2 -4
- package/build-module/border-control/border-control-dropdown/component.mjs.map +2 -2
- package/build-module/border-control/border-control-dropdown/hook.mjs +103 -27
- package/build-module/border-control/border-control-dropdown/hook.mjs.map +3 -3
- package/build-module/box-control/box-input-control.mjs +102 -10
- package/build-module/box-control/box-input-control.mjs.map +3 -3
- package/build-module/box-control/index.mjs +95 -5
- package/build-module/box-control/index.mjs.map +3 -3
- package/build-module/button/index.mjs +11 -4
- package/build-module/button/index.mjs.map +2 -2
- package/build-module/card/card-body/hook.mjs +4 -2
- package/build-module/card/card-body/hook.mjs.map +2 -2
- package/build-module/card/styles.mjs +30 -16
- package/build-module/card/styles.mjs.map +2 -2
- package/build-module/circular-option-picker/circular-option-picker-option.mjs +4 -5
- package/build-module/circular-option-picker/circular-option-picker-option.mjs.map +2 -2
- package/build-module/circular-option-picker/circular-option-picker.mjs +24 -6
- package/build-module/circular-option-picker/circular-option-picker.mjs.map +2 -2
- package/build-module/circular-option-picker/index.mjs +4 -2
- package/build-module/circular-option-picker/index.mjs.map +2 -2
- package/build-module/circular-option-picker/utils.mjs +25 -7
- package/build-module/circular-option-picker/utils.mjs.map +2 -2
- package/build-module/color-palette/index.mjs +104 -11
- package/build-module/color-palette/index.mjs.map +3 -3
- package/build-module/combobox-control/index.mjs +88 -3
- package/build-module/combobox-control/index.mjs.map +3 -3
- package/build-module/confirm-dialog/component.mjs +5 -1
- package/build-module/confirm-dialog/component.mjs.map +2 -2
- package/build-module/content-editable-control/index.mjs +1 -1
- package/build-module/content-editable-control/index.mjs.map +2 -2
- package/build-module/context/context-system-provider.mjs.map +2 -2
- package/build-module/custom-gradient-picker/gradient-bar/control-points.mjs +14 -2
- package/build-module/custom-gradient-picker/gradient-bar/control-points.mjs.map +2 -2
- package/build-module/custom-gradient-picker/gradient-bar/index.mjs +2 -0
- package/build-module/custom-gradient-picker/gradient-bar/index.mjs.map +2 -2
- package/build-module/dropdown/dropdown-content-wrapper.mjs +92 -3
- package/build-module/dropdown/dropdown-content-wrapper.mjs.map +3 -3
- package/build-module/duotone-picker/custom-duotone-bar.mjs +1 -0
- package/build-module/duotone-picker/custom-duotone-bar.mjs.map +2 -2
- package/build-module/duotone-picker/duotone-picker.mjs +24 -15
- package/build-module/duotone-picker/duotone-picker.mjs.map +2 -2
- package/build-module/focal-point-picker/index.mjs +5 -3
- package/build-module/focal-point-picker/index.mjs.map +2 -2
- package/build-module/gradient-picker/index.mjs +106 -12
- package/build-module/gradient-picker/index.mjs.map +3 -3
- package/build-module/input-control/input-field.mjs +1 -0
- package/build-module/input-control/input-field.mjs.map +2 -2
- package/build-module/input-control/styles/input-control-styles.mjs +22 -22
- package/build-module/input-control/styles/input-control-styles.mjs.map +2 -2
- package/build-module/modal/index.mjs +1 -0
- package/build-module/modal/index.mjs.map +2 -2
- package/build-module/palette-edit/index.mjs +209 -34
- package/build-module/palette-edit/index.mjs.map +2 -2
- package/build-module/private-apis.mjs +2 -7
- package/build-module/private-apis.mjs.map +2 -2
- package/build-module/progress-bar/index.mjs +95 -7
- package/build-module/progress-bar/index.mjs.map +3 -3
- package/build-module/radio-control/index.mjs +1 -0
- package/build-module/radio-control/index.mjs.map +2 -2
- package/build-module/resizable-box/resize-tooltip/index.mjs +91 -4
- package/build-module/resizable-box/resize-tooltip/index.mjs.map +3 -3
- package/build-module/resizable-box/resize-tooltip/label.mjs +93 -6
- package/build-module/resizable-box/resize-tooltip/label.mjs.map +3 -3
- package/build-module/scrollable/hook.mjs +93 -6
- package/build-module/scrollable/hook.mjs.map +4 -4
- package/build-module/textarea-control/index.mjs +87 -3
- package/build-module/textarea-control/index.mjs.map +3 -3
- package/build-module/toggle-group-control/toggle-group-control/component.mjs +1 -1
- package/build-module/toggle-group-control/toggle-group-control/component.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.mjs +1 -1
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.mjs.map +2 -2
- package/build-module/utils/config-values.mjs +0 -3
- package/build-module/utils/config-values.mjs.map +2 -2
- package/build-module/validated-form-controls/components/content-editable-control.mjs +2 -1
- package/build-module/validated-form-controls/components/content-editable-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/custom-select-control.mjs +2 -1
- package/build-module/validated-form-controls/components/custom-select-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/index.mjs +0 -4
- package/build-module/validated-form-controls/components/index.mjs.map +2 -2
- package/build-module/validated-form-controls/components/input-control.mjs +8 -1
- package/build-module/validated-form-controls/components/input-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/range-control.mjs +2 -1
- package/build-module/validated-form-controls/components/range-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/textarea-control.mjs +8 -1
- package/build-module/validated-form-controls/components/textarea-control.mjs.map +2 -2
- package/build-module/validated-form-controls/index.mjs +0 -1
- package/build-module/validated-form-controls/index.mjs.map +2 -2
- package/build-module/z-stack/component.mjs +95 -7
- package/build-module/z-stack/component.mjs.map +3 -3
- package/build-style/style-rtl.css +79 -134
- package/build-style/style.css +79 -134
- package/build-types/base-control/styles/base-control-styles.d.ts +21 -20
- package/build-types/base-control/styles/base-control-styles.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +863 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +4 -2
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- package/build-types/box-control/box-input-control.d.ts.map +1 -1
- package/build-types/box-control/index.d.ts.map +1 -1
- package/build-types/button/index.d.ts.map +1 -1
- package/build-types/card/styles.d.ts +2 -1
- package/build-types/card/styles.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
- package/build-types/circular-option-picker/index.d.ts +1 -1
- package/build-types/circular-option-picker/index.d.ts.map +1 -1
- package/build-types/circular-option-picker/types.d.ts +34 -26
- package/build-types/circular-option-picker/types.d.ts.map +1 -1
- package/build-types/circular-option-picker/utils.d.ts +9 -5
- package/build-types/circular-option-picker/utils.d.ts.map +1 -1
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-palette/types.d.ts +23 -3
- package/build-types/color-palette/types.d.ts.map +1 -1
- package/build-types/combobox-control/index.d.ts.map +1 -1
- package/build-types/combobox-control/types.d.ts +4 -2
- package/build-types/combobox-control/types.d.ts.map +1 -1
- package/build-types/confirm-dialog/component.d.ts.map +1 -1
- package/build-types/confirm-dialog/types.d.ts +11 -0
- package/build-types/confirm-dialog/types.d.ts.map +1 -1
- package/build-types/context/context-system-provider.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/index.d.ts +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/index.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/types.d.ts +10 -0
- package/build-types/custom-gradient-picker/types.d.ts.map +1 -1
- package/build-types/dropdown/dropdown-content-wrapper.d.ts.map +1 -1
- package/build-types/duotone-picker/custom-duotone-bar.d.ts.map +1 -1
- package/build-types/duotone-picker/duotone-picker.d.ts +1 -1
- package/build-types/duotone-picker/duotone-picker.d.ts.map +1 -1
- package/build-types/duotone-picker/types.d.ts +43 -4
- package/build-types/duotone-picker/types.d.ts.map +1 -1
- package/build-types/focal-point-picker/index.d.ts.map +1 -1
- package/build-types/gradient-picker/index.d.ts.map +1 -1
- package/build-types/gradient-picker/types.d.ts +22 -3
- package/build-types/gradient-picker/types.d.ts.map +1 -1
- package/build-types/input-control/input-field.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/palette-edit/index.d.ts +8 -5
- package/build-types/palette-edit/index.d.ts.map +1 -1
- package/build-types/palette-edit/types.d.ts +47 -8
- package/build-types/palette-edit/types.d.ts.map +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/progress-bar/index.d.ts.map +1 -1
- package/build-types/radio-control/index.d.ts.map +1 -1
- package/build-types/radio-control/types.d.ts +6 -0
- package/build-types/radio-control/types.d.ts.map +1 -1
- package/build-types/resizable-box/resize-tooltip/index.d.ts +4 -5
- package/build-types/resizable-box/resize-tooltip/index.d.ts.map +1 -1
- package/build-types/resizable-box/resize-tooltip/label.d.ts.map +1 -1
- package/build-types/scrollable/hook.d.ts.map +1 -1
- package/build-types/textarea-control/index.d.ts.map +1 -1
- package/build-types/utils/config-values.d.ts +0 -3
- package/build-types/validated-form-controls/components/content-editable-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/custom-select-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/index.d.ts +0 -4
- package/build-types/validated-form-controls/components/index.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/input-control.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/textarea-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/index.d.ts +0 -1
- package/build-types/validated-form-controls/index.d.ts.map +1 -1
- package/build-types/z-stack/component.d.ts.map +1 -1
- package/package.json +30 -30
- package/src/animate/stories/index.story.tsx +0 -10
- package/src/base-control/stories/index.story.tsx +1 -1
- package/src/base-control/styles/base-control-styles.tsx +115 -0
- package/src/base-control/styles/style.module.scss +39 -0
- package/src/border-box-control/border-box-control/hook.ts +5 -16
- package/src/border-box-control/border-box-control-linked-button/hook.ts +6 -10
- package/src/border-box-control/border-box-control-split-controls/hook.ts +11 -20
- package/src/border-box-control/border-box-control-visualizer/hook.ts +37 -11
- package/src/border-box-control/stories/index.story.tsx +1 -1
- package/src/border-box-control/style.module.scss +43 -0
- package/src/border-control/border-control/hook.ts +10 -19
- package/src/border-control/border-control-dropdown/component.tsx +6 -8
- package/src/border-control/border-control-dropdown/hook.ts +23 -32
- package/src/border-control/style.module.scss +93 -0
- package/src/border-control/test/index.js +63 -31
- package/src/box-control/box-input-control.tsx +31 -16
- package/src/box-control/index.tsx +15 -12
- package/src/box-control/style.module.scss +28 -0
- package/src/box-control/test/index.tsx +161 -0
- package/src/button/index.tsx +32 -10
- package/src/button/test/index.tsx +51 -0
- package/src/card/card-body/hook.ts +2 -2
- package/src/card/styles.ts +11 -1
- package/src/card/test/__snapshots__/index.tsx.snap +27 -27
- package/src/circular-option-picker/README.md +8 -4
- package/src/circular-option-picker/circular-option-picker-option.tsx +26 -16
- package/src/circular-option-picker/circular-option-picker.tsx +47 -14
- package/src/circular-option-picker/index.tsx +5 -1
- package/src/circular-option-picker/stories/index.story.tsx +3 -3
- package/src/circular-option-picker/test/index.tsx +152 -3
- package/src/circular-option-picker/types.ts +38 -32
- package/src/circular-option-picker/utils.tsx +35 -5
- package/src/clipboard-button/index.tsx +1 -1
- package/src/color-palette/README.md +11 -7
- package/src/color-palette/index.tsx +28 -14
- package/src/color-palette/stories/index.story.tsx +5 -0
- package/src/color-palette/style.module.scss +12 -0
- package/src/color-palette/test/index.tsx +80 -5
- package/src/color-palette/types.ts +23 -3
- package/src/color-picker/stories/index.story.tsx +0 -5
- package/src/combobox-control/README.md +1 -1
- package/src/combobox-control/index.tsx +4 -4
- package/src/combobox-control/style.module.scss +6 -0
- package/src/combobox-control/style.scss +1 -1
- package/src/combobox-control/types.ts +4 -2
- package/src/composite/legacy/stories/index.story.tsx +10 -10
- package/src/composite/stories/index.story.tsx +0 -5
- package/src/confirm-dialog/README.md +16 -0
- package/src/confirm-dialog/component.tsx +7 -1
- package/src/confirm-dialog/test/index.tsx +41 -0
- package/src/confirm-dialog/types.ts +11 -0
- package/src/content-editable-control/style.module.scss +0 -1
- package/src/context/context-system-provider.js +0 -1
- package/src/custom-gradient-picker/gradient-bar/control-points.tsx +24 -3
- package/src/custom-gradient-picker/gradient-bar/index.tsx +2 -0
- package/src/custom-gradient-picker/test/index.tsx +134 -0
- package/src/custom-gradient-picker/types.ts +10 -0
- package/src/dropdown/dropdown-content-wrapper.tsx +17 -7
- package/src/dropdown/stories/index.story.tsx +0 -5
- package/src/dropdown/style.module.scss +25 -0
- package/src/dropdown/test/index.tsx +51 -0
- package/src/duotone-picker/README.md +21 -6
- package/src/duotone-picker/custom-duotone-bar.tsx +1 -0
- package/src/duotone-picker/duotone-picker.tsx +79 -54
- package/src/duotone-picker/stories/duotone-picker.story.tsx +63 -15
- package/src/duotone-picker/test/custom-duotone-bar.tsx +114 -0
- package/src/duotone-picker/test/index.tsx +346 -0
- package/src/duotone-picker/types.ts +48 -4
- package/src/focal-point-picker/index.tsx +6 -2
- package/src/focal-point-picker/stories/index.story.tsx +15 -0
- package/src/focal-point-picker/test/index.tsx +31 -0
- package/src/form-toggle/stories/index.story.tsx +3 -0
- package/src/form-token-field/style.scss +7 -1
- package/src/gradient-picker/README.md +19 -10
- package/src/gradient-picker/index.tsx +43 -16
- package/src/gradient-picker/stories/index.story.tsx +5 -0
- package/src/gradient-picker/test/index.tsx +84 -0
- package/src/gradient-picker/types.ts +22 -3
- package/src/input-control/input-field.tsx +1 -0
- package/src/input-control/stories/index.story.tsx +3 -3
- package/src/input-control/stories/migration-guide.mdx +201 -0
- package/src/input-control/style.scss +11 -0
- package/src/input-control/styles/input-control-styles.tsx +30 -11
- package/src/input-control/test/index.js +10 -0
- package/src/keyboard-shortcuts/stories/index.story.tsx +2 -2
- package/src/menu-group/stories/index.story.tsx +9 -6
- package/src/menu-item/stories/index.story.tsx +6 -3
- package/src/menu-items-choice/stories/index.story.tsx +14 -11
- package/src/modal/index.tsx +1 -0
- package/src/modal/test/index.tsx +19 -0
- package/src/navigator/stories/index.story.tsx +0 -5
- package/src/number-control/stories/index.story.tsx +3 -3
- package/src/palette-edit/index.tsx +364 -70
- package/src/palette-edit/stories/index.story.tsx +59 -18
- package/src/palette-edit/style.scss +3 -1
- package/src/palette-edit/test/index.tsx +375 -1
- package/src/palette-edit/types.ts +50 -8
- package/src/popover/stories/index.story.tsx +5 -1
- package/src/popover/stories/utils.tsx +79 -0
- package/src/popover/test/index.tsx +1 -1
- package/src/popover/test/utils/index.js +1 -0
- package/src/popover/test/utils/index.tsx +4 -78
- package/src/private-apis.ts +0 -8
- package/src/progress-bar/index.tsx +10 -6
- package/src/progress-bar/style.module.scss +62 -0
- package/src/progress-bar/test/index.tsx +13 -11
- package/src/radio-control/README.md +3 -1
- package/src/radio-control/index.tsx +1 -0
- package/src/radio-control/stories/index.story.tsx +12 -0
- package/src/radio-control/style.scss +1 -3
- package/src/radio-control/test/index.tsx +59 -0
- package/src/radio-control/types.ts +6 -0
- package/src/range-control/stories/index.story.tsx +30 -0
- package/src/resizable-box/resize-tooltip/index.tsx +16 -7
- package/src/resizable-box/resize-tooltip/label.tsx +18 -12
- package/src/resizable-box/resize-tooltip/style.module.scss +40 -0
- package/src/resizable-box/resize-tooltip/test/index.tsx +44 -0
- package/src/resizable-box/resize-tooltip/test/label.tsx +25 -0
- package/src/resizable-box/stories/index.story.tsx +11 -0
- package/src/sandbox/stories/index.story.tsx +2 -0
- package/src/scrollable/hook.ts +11 -17
- package/src/scrollable/stories/index.story.tsx +1 -0
- package/src/scrollable/style.module.scss +44 -0
- package/src/scrollable/test/index.tsx +120 -6
- package/src/snackbar/stories/index.story.tsx +5 -0
- package/src/snackbar/stories/list.story.tsx +3 -0
- package/src/spinner/stories/index.story.tsx +2 -2
- package/src/style.scss +1 -0
- package/src/text-control/stories/index.story.tsx +2 -3
- package/src/text-control/style.scss +0 -1
- package/src/textarea-control/index.tsx +6 -3
- package/src/textarea-control/stories/index.story.tsx +2 -3
- package/src/textarea-control/stories/migration-guide.mdx +79 -0
- package/src/textarea-control/style.module.scss +56 -0
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +12 -116
- package/src/toggle-group-control/toggle-group-control/style.module.scss +0 -2
- package/src/toggle-group-control/toggle-group-control-option-base/style.module.scss +0 -2
- package/src/utils/config-values.js +0 -3
- package/src/utils/theme-variables.scss +0 -1
- package/src/validated-form-controls/components/content-editable-control.tsx +2 -1
- package/src/validated-form-controls/components/custom-select-control.tsx +2 -1
- package/src/validated-form-controls/components/index.ts +0 -4
- package/src/validated-form-controls/components/input-control.tsx +9 -1
- package/src/validated-form-controls/components/range-control.tsx +2 -1
- package/src/validated-form-controls/components/stories/content-editable-control.story.tsx +6 -0
- package/src/validated-form-controls/components/stories/custom-select-control.story.tsx +6 -0
- package/src/validated-form-controls/components/stories/overview.mdx +4 -47
- package/src/validated-form-controls/components/textarea-control.tsx +9 -1
- package/src/validated-form-controls/index.ts +0 -1
- package/src/validated-form-controls/style.scss +11 -67
- package/src/validated-form-controls/test/input-control.tsx +12 -0
- package/src/validated-form-controls/test/textarea-control.tsx +17 -0
- package/src/z-stack/component.tsx +17 -9
- package/src/z-stack/style.module.scss +26 -0
- package/build/border-box-control/styles.cjs +0 -99
- package/build/border-box-control/styles.cjs.map +0 -7
- package/build/border-control/styles.cjs +0 -117
- package/build/border-control/styles.cjs.map +0 -7
- package/build/box-control/styles/box-control-styles.cjs +0 -131
- package/build/box-control/styles/box-control-styles.cjs.map +0 -7
- package/build/color-palette/styles.cjs +0 -49
- package/build/color-palette/styles.cjs.map +0 -7
- package/build/combobox-control/styles.cjs +0 -49
- package/build/combobox-control/styles.cjs.map +0 -7
- package/build/dropdown/styles.cjs +0 -61
- package/build/dropdown/styles.cjs.map +0 -7
- package/build/progress-bar/styles.cjs +0 -106
- package/build/progress-bar/styles.cjs.map +0 -7
- package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.cjs +0 -90
- package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.cjs.map +0 -7
- package/build/scrollable/styles.cjs +0 -96
- package/build/scrollable/styles.cjs.map +0 -7
- package/build/textarea-control/styles/textarea-control-styles.cjs +0 -54
- package/build/textarea-control/styles/textarea-control-styles.cjs.map +0 -7
- package/build/validated-form-controls/components/combobox-control.cjs +0 -75
- package/build/validated-form-controls/components/combobox-control.cjs.map +0 -7
- package/build/validated-form-controls/components/form-token-field.cjs +0 -69
- package/build/validated-form-controls/components/form-token-field.cjs.map +0 -7
- package/build/validated-form-controls/components/toggle-control.cjs +0 -67
- package/build/validated-form-controls/components/toggle-control.cjs.map +0 -7
- package/build/validated-form-controls/components/toggle-group-control.cjs +0 -71
- package/build/validated-form-controls/components/toggle-group-control.cjs.map +0 -7
- package/build/validated-form-controls/control-with-error.cjs +0 -200
- package/build/validated-form-controls/control-with-error.cjs.map +0 -7
- package/build/validated-form-controls/validity-indicator.cjs +0 -67
- package/build/validated-form-controls/validity-indicator.cjs.map +0 -7
- package/build/z-stack/styles.cjs +0 -80
- package/build/z-stack/styles.cjs.map +0 -7
- package/build-module/border-box-control/styles.mjs +0 -67
- package/build-module/border-box-control/styles.mjs.map +0 -7
- package/build-module/border-control/styles.mjs +0 -80
- package/build-module/border-control/styles.mjs.map +0 -7
- package/build-module/box-control/styles/box-control-styles.mjs +0 -91
- package/build-module/box-control/styles/box-control-styles.mjs.map +0 -7
- package/build-module/color-palette/styles.mjs +0 -14
- package/build-module/color-palette/styles.mjs.map +0 -7
- package/build-module/combobox-control/styles.mjs +0 -14
- package/build-module/combobox-control/styles.mjs.map +0 -7
- package/build-module/dropdown/styles.mjs +0 -26
- package/build-module/dropdown/styles.mjs.map +0 -7
- package/build-module/progress-bar/styles.mjs +0 -68
- package/build-module/progress-bar/styles.mjs.map +0 -7
- package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.mjs +0 -52
- package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.mjs.map +0 -7
- package/build-module/scrollable/styles.mjs +0 -65
- package/build-module/scrollable/styles.mjs.map +0 -7
- package/build-module/textarea-control/styles/textarea-control-styles.mjs +0 -19
- package/build-module/textarea-control/styles/textarea-control-styles.mjs.map +0 -7
- package/build-module/validated-form-controls/components/combobox-control.mjs +0 -40
- package/build-module/validated-form-controls/components/combobox-control.mjs.map +0 -7
- package/build-module/validated-form-controls/components/form-token-field.mjs +0 -44
- package/build-module/validated-form-controls/components/form-token-field.mjs.map +0 -7
- package/build-module/validated-form-controls/components/toggle-control.mjs +0 -32
- package/build-module/validated-form-controls/components/toggle-control.mjs.map +0 -7
- package/build-module/validated-form-controls/components/toggle-group-control.mjs +0 -46
- package/build-module/validated-form-controls/components/toggle-group-control.mjs.map +0 -7
- package/build-module/validated-form-controls/control-with-error.mjs +0 -175
- package/build-module/validated-form-controls/control-with-error.mjs.map +0 -7
- package/build-module/validated-form-controls/validity-indicator.mjs +0 -32
- package/build-module/validated-form-controls/validity-indicator.mjs.map +0 -7
- package/build-module/z-stack/styles.mjs +0 -44
- package/build-module/z-stack/styles.mjs.map +0 -7
- package/build-types/alignment-matrix-control/stories/index.story.d.ts +0 -8
- package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +0 -1
- package/build-types/alignment-matrix-control/test/index.d.ts +0 -2
- package/build-types/alignment-matrix-control/test/index.d.ts.map +0 -1
- package/build-types/angle-picker-control/stories/index.story.d.ts +0 -8
- package/build-types/angle-picker-control/stories/index.story.d.ts.map +0 -1
- package/build-types/animate/stories/index.story.d.ts +0 -12
- package/build-types/animate/stories/index.story.d.ts.map +0 -1
- package/build-types/autocomplete/test/get-autocomplete-match.d.ts +0 -2
- package/build-types/autocomplete/test/get-autocomplete-match.d.ts.map +0 -1
- package/build-types/autocomplete/test/index.d.ts +0 -2
- package/build-types/autocomplete/test/index.d.ts.map +0 -1
- package/build-types/badge/stories/e2e/index.story.d.ts +0 -7
- package/build-types/badge/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/badge/stories/index.story.d.ts +0 -11
- package/build-types/badge/stories/index.story.d.ts.map +0 -1
- package/build-types/badge/test/index.d.ts +0 -2
- package/build-types/badge/test/index.d.ts.map +0 -1
- package/build-types/base-control/stories/index.story.d.ts +0 -17
- package/build-types/base-control/stories/index.story.d.ts.map +0 -1
- package/build-types/base-control/test/index.d.ts +0 -2
- package/build-types/base-control/test/index.d.ts.map +0 -1
- package/build-types/border-box-control/stories/index.story.d.ts +0 -14
- package/build-types/border-box-control/stories/index.story.d.ts.map +0 -1
- package/build-types/border-box-control/styles.d.ts +0 -10
- package/build-types/border-box-control/styles.d.ts.map +0 -1
- package/build-types/border-box-control/test/index.d.ts +0 -2
- package/build-types/border-box-control/test/index.d.ts.map +0 -1
- package/build-types/border-box-control/test/utils.d.ts +0 -2
- package/build-types/border-box-control/test/utils.d.ts.map +0 -1
- package/build-types/border-control/stories/index.story.d.ts +0 -109
- package/build-types/border-control/stories/index.story.d.ts.map +0 -1
- package/build-types/border-control/styles.d.ts +0 -17
- package/build-types/border-control/styles.d.ts.map +0 -1
- package/build-types/box-control/stories/index.story.d.ts +0 -12
- package/build-types/box-control/stories/index.story.d.ts.map +0 -1
- package/build-types/box-control/styles/box-control-styles.d.ts +0 -65
- package/build-types/box-control/styles/box-control-styles.d.ts.map +0 -1
- package/build-types/box-control/test/index.d.ts +0 -2
- package/build-types/box-control/test/index.d.ts.map +0 -1
- package/build-types/button/stories/e2e/index.story.d.ts +0 -9
- package/build-types/button/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/button/stories/index.story.d.ts +0 -31
- package/build-types/button/stories/index.story.d.ts.map +0 -1
- package/build-types/button/test/index.d.ts +0 -2
- package/build-types/button/test/index.d.ts.map +0 -1
- package/build-types/button-group/stories/index.story.d.ts +0 -12
- package/build-types/button-group/stories/index.story.d.ts.map +0 -1
- package/build-types/card/stories/index.story.d.ts +0 -20
- package/build-types/card/stories/index.story.d.ts.map +0 -1
- package/build-types/card/test/index.d.ts +0 -2
- package/build-types/card/test/index.d.ts.map +0 -1
- package/build-types/checkbox-control/stories/index.story.d.ts +0 -24
- package/build-types/checkbox-control/stories/index.story.d.ts.map +0 -1
- package/build-types/checkbox-control/test/index.d.ts +0 -2
- package/build-types/checkbox-control/test/index.d.ts.map +0 -1
- package/build-types/circular-option-picker/stories/index.story.d.ts +0 -10
- package/build-types/circular-option-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/circular-option-picker/test/index.d.ts +0 -2
- package/build-types/circular-option-picker/test/index.d.ts.map +0 -1
- package/build-types/color-indicator/stories/index.story.d.ts +0 -6
- package/build-types/color-indicator/stories/index.story.d.ts.map +0 -1
- package/build-types/color-indicator/test/index.d.ts +0 -2
- package/build-types/color-indicator/test/index.d.ts.map +0 -1
- package/build-types/color-palette/stories/index.story.d.ts +0 -11
- package/build-types/color-palette/stories/index.story.d.ts.map +0 -1
- package/build-types/color-palette/styles.d.ts +0 -11
- package/build-types/color-palette/styles.d.ts.map +0 -1
- package/build-types/color-palette/test/index.d.ts +0 -2
- package/build-types/color-palette/test/index.d.ts.map +0 -1
- package/build-types/color-palette/test/utils.d.ts +0 -2
- package/build-types/color-palette/test/utils.d.ts.map +0 -1
- package/build-types/color-picker/stories/index.story.d.ts +0 -6
- package/build-types/color-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/color-picker/test/index.d.ts +0 -2
- package/build-types/color-picker/test/index.d.ts.map +0 -1
- package/build-types/combobox-control/stories/index.story.d.ts +0 -93
- package/build-types/combobox-control/stories/index.story.d.ts.map +0 -1
- package/build-types/combobox-control/styles.d.ts +0 -6
- package/build-types/combobox-control/styles.d.ts.map +0 -1
- package/build-types/combobox-control/test/index.d.ts +0 -2
- package/build-types/combobox-control/test/index.d.ts.map +0 -1
- package/build-types/composite/legacy/stories/index.story.d.ts +0 -9
- package/build-types/composite/legacy/stories/index.story.d.ts.map +0 -1
- package/build-types/composite/legacy/stories/utils.d.ts +0 -27
- package/build-types/composite/legacy/stories/utils.d.ts.map +0 -1
- package/build-types/composite/legacy/test/index.d.ts +0 -2
- package/build-types/composite/legacy/test/index.d.ts.map +0 -1
- package/build-types/composite/stories/index.story.d.ts +0 -33
- package/build-types/composite/stories/index.story.d.ts.map +0 -1
- package/build-types/composite/test/index.d.ts +0 -2
- package/build-types/composite/test/index.d.ts.map +0 -1
- package/build-types/confirm-dialog/stories/index.story.d.ts +0 -7
- package/build-types/confirm-dialog/stories/index.story.d.ts.map +0 -1
- package/build-types/confirm-dialog/test/index.d.ts +0 -2
- package/build-types/confirm-dialog/test/index.d.ts.map +0 -1
- package/build-types/content-editable-control/stories/index.story.d.ts +0 -7
- package/build-types/content-editable-control/stories/index.story.d.ts.map +0 -1
- package/build-types/content-editable-control/test/index.d.ts +0 -2
- package/build-types/content-editable-control/test/index.d.ts.map +0 -1
- package/build-types/context/test/context-connect.d.ts +0 -2
- package/build-types/context/test/context-connect.d.ts.map +0 -1
- package/build-types/context/test/wordpress-component.d.ts +0 -2
- package/build-types/context/test/wordpress-component.d.ts.map +0 -1
- package/build-types/custom-gradient-picker/gradient-bar/test/utils.d.ts +0 -2
- package/build-types/custom-gradient-picker/gradient-bar/test/utils.d.ts.map +0 -1
- package/build-types/custom-gradient-picker/stories/index.story.d.ts +0 -6
- package/build-types/custom-gradient-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/custom-gradient-picker/test/index.d.ts +0 -2
- package/build-types/custom-gradient-picker/test/index.d.ts.map +0 -1
- package/build-types/custom-gradient-picker/test/serializer.d.ts +0 -2
- package/build-types/custom-gradient-picker/test/serializer.d.ts.map +0 -1
- package/build-types/custom-select-control/stories/index.story.d.ts +0 -8
- package/build-types/custom-select-control/stories/index.story.d.ts.map +0 -1
- package/build-types/custom-select-control/test/index.d.ts +0 -2
- package/build-types/custom-select-control/test/index.d.ts.map +0 -1
- package/build-types/custom-select-control-v2/stories/index.story.d.ts +0 -38
- package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +0 -1
- package/build-types/custom-select-control-v2/test/index.d.ts +0 -2
- package/build-types/custom-select-control-v2/test/index.d.ts.map +0 -1
- package/build-types/date-time/date-picker/test/index.d.ts +0 -2
- package/build-types/date-time/date-picker/test/index.d.ts.map +0 -1
- package/build-types/date-time/date-picker/test/use-lilius.d.ts +0 -2
- package/build-types/date-time/date-picker/test/use-lilius.d.ts.map +0 -1
- package/build-types/date-time/date-time/test/index.d.ts +0 -2
- package/build-types/date-time/date-time/test/index.d.ts.map +0 -1
- package/build-types/date-time/stories/date-time.story.d.ts +0 -8
- package/build-types/date-time/stories/date-time.story.d.ts.map +0 -1
- package/build-types/date-time/stories/date.story.d.ts +0 -8
- package/build-types/date-time/stories/date.story.d.ts.map +0 -1
- package/build-types/date-time/stories/time.story.d.ts +0 -11
- package/build-types/date-time/stories/time.story.d.ts.map +0 -1
- package/build-types/date-time/stories/utils.d.ts +0 -3
- package/build-types/date-time/stories/utils.d.ts.map +0 -1
- package/build-types/date-time/test/utils.test.d.ts +0 -2
- package/build-types/date-time/test/utils.test.d.ts.map +0 -1
- package/build-types/date-time/time-picker/test/index.d.ts +0 -2
- package/build-types/date-time/time-picker/test/index.d.ts.map +0 -1
- package/build-types/date-time/time-picker/time-input/test/index.d.ts +0 -2
- package/build-types/date-time/time-picker/time-input/test/index.d.ts.map +0 -1
- package/build-types/disabled/stories/index.story.d.ts +0 -7
- package/build-types/disabled/stories/index.story.d.ts.map +0 -1
- package/build-types/disabled/test/index.d.ts +0 -2
- package/build-types/disabled/test/index.d.ts.map +0 -1
- package/build-types/divider/stories/index.story.d.ts +0 -8
- package/build-types/divider/stories/index.story.d.ts.map +0 -1
- package/build-types/divider/test/index.d.ts +0 -2
- package/build-types/divider/test/index.d.ts.map +0 -1
- package/build-types/draggable/stories/index.story.d.ts +0 -13
- package/build-types/draggable/stories/index.story.d.ts.map +0 -1
- package/build-types/drop-zone/stories/index.story.d.ts +0 -6
- package/build-types/drop-zone/stories/index.story.d.ts.map +0 -1
- package/build-types/dropdown/stories/index.story.d.ts +0 -18
- package/build-types/dropdown/stories/index.story.d.ts.map +0 -1
- package/build-types/dropdown/styles.d.ts +0 -6
- package/build-types/dropdown/styles.d.ts.map +0 -1
- package/build-types/dropdown/test/index.d.ts +0 -2
- package/build-types/dropdown/test/index.d.ts.map +0 -1
- package/build-types/dropdown-menu/stories/index.story.d.ts +0 -7
- package/build-types/dropdown-menu/stories/index.story.d.ts.map +0 -1
- package/build-types/dropdown-menu/test/index.d.ts +0 -2
- package/build-types/dropdown-menu/test/index.d.ts.map +0 -1
- package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +0 -7
- package/build-types/duotone-picker/stories/duotone-picker.story.d.ts.map +0 -1
- package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +0 -8
- package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts.map +0 -1
- package/build-types/elevation/stories/index.story.d.ts +0 -16
- package/build-types/elevation/stories/index.story.d.ts.map +0 -1
- package/build-types/elevation/test/index.d.ts +0 -2
- package/build-types/elevation/test/index.d.ts.map +0 -1
- package/build-types/external-link/stories/index.story.d.ts +0 -6
- package/build-types/external-link/stories/index.story.d.ts.map +0 -1
- package/build-types/external-link/test/index.d.ts +0 -2
- package/build-types/external-link/test/index.d.ts.map +0 -1
- package/build-types/flex/stories/index.story.d.ts +0 -7
- package/build-types/flex/stories/index.story.d.ts.map +0 -1
- package/build-types/flex/test/index.d.ts +0 -2
- package/build-types/flex/test/index.d.ts.map +0 -1
- package/build-types/focal-point-picker/stories/index.story.d.ts +0 -49
- package/build-types/focal-point-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/focal-point-picker/test/index.d.ts +0 -2
- package/build-types/focal-point-picker/test/index.d.ts.map +0 -1
- package/build-types/focal-point-picker/test/media.d.ts +0 -2
- package/build-types/focal-point-picker/test/media.d.ts.map +0 -1
- package/build-types/font-size-picker/stories/e2e/index.story.d.ts +0 -20
- package/build-types/font-size-picker/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/font-size-picker/stories/index.story.d.ts +0 -26
- package/build-types/font-size-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/font-size-picker/test/font-size-picker-select.d.ts +0 -2
- package/build-types/font-size-picker/test/font-size-picker-select.d.ts.map +0 -1
- package/build-types/font-size-picker/test/font-size-picker-toggle-group.d.ts +0 -2
- package/build-types/font-size-picker/test/font-size-picker-toggle-group.d.ts.map +0 -1
- package/build-types/font-size-picker/test/index.d.ts +0 -2
- package/build-types/font-size-picker/test/index.d.ts.map +0 -1
- package/build-types/font-size-picker/test/utils.d.ts +0 -2
- package/build-types/font-size-picker/test/utils.d.ts.map +0 -1
- package/build-types/form-file-upload/stories/index.story.d.ts +0 -17
- package/build-types/form-file-upload/stories/index.story.d.ts.map +0 -1
- package/build-types/form-file-upload/test/index.d.ts +0 -2
- package/build-types/form-file-upload/test/index.d.ts.map +0 -1
- package/build-types/form-toggle/stories/index.story.d.ts +0 -6
- package/build-types/form-toggle/stories/index.story.d.ts.map +0 -1
- package/build-types/form-toggle/test/index.d.ts +0 -2
- package/build-types/form-toggle/test/index.d.ts.map +0 -1
- package/build-types/form-token-field/stories/index.story.d.ts +0 -25
- package/build-types/form-token-field/stories/index.story.d.ts.map +0 -1
- package/build-types/form-token-field/test/index.d.ts +0 -2
- package/build-types/form-token-field/test/index.d.ts.map +0 -1
- package/build-types/gradient-picker/stories/index.story.d.ts +0 -11
- package/build-types/gradient-picker/stories/index.story.d.ts.map +0 -1
- package/build-types/gradient-picker/test/index.d.ts +0 -2
- package/build-types/gradient-picker/test/index.d.ts.map +0 -1
- package/build-types/grid/stories/index.story.d.ts +0 -6
- package/build-types/grid/stories/index.story.d.ts.map +0 -1
- package/build-types/grid/test/grid.d.ts +0 -2
- package/build-types/grid/test/grid.d.ts.map +0 -1
- package/build-types/guide/stories/index.story.d.ts +0 -6
- package/build-types/guide/stories/index.story.d.ts.map +0 -1
- package/build-types/guide/test/index.d.ts +0 -2
- package/build-types/guide/test/index.d.ts.map +0 -1
- package/build-types/h-stack/stories/e2e/index.story.d.ts +0 -6
- package/build-types/h-stack/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/h-stack/stories/index.story.d.ts +0 -6
- package/build-types/h-stack/stories/index.story.d.ts.map +0 -1
- package/build-types/h-stack/test/index.d.ts +0 -2
- package/build-types/h-stack/test/index.d.ts.map +0 -1
- package/build-types/heading/stories/index.story.d.ts +0 -6
- package/build-types/heading/stories/index.story.d.ts.map +0 -1
- package/build-types/heading/test/index.d.ts +0 -2
- package/build-types/heading/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-fallback-styles/test/index.d.ts +0 -2
- package/build-types/higher-order/with-fallback-styles/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-filters/test/index.d.ts +0 -2
- package/build-types/higher-order/with-filters/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-focus-outside/test/index.d.ts +0 -2
- package/build-types/higher-order/with-focus-outside/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-focus-return/test/index.d.ts +0 -2
- package/build-types/higher-order/with-focus-return/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-notices/test/index.d.ts +0 -2
- package/build-types/higher-order/with-notices/test/index.d.ts.map +0 -1
- package/build-types/higher-order/with-spoken-messages/test/index.d.ts +0 -2
- package/build-types/higher-order/with-spoken-messages/test/index.d.ts.map +0 -1
- package/build-types/icon/stories/index.story.d.ts +0 -21
- package/build-types/icon/stories/index.story.d.ts.map +0 -1
- package/build-types/icon/test/index.d.ts +0 -2
- package/build-types/icon/test/index.d.ts.map +0 -1
- package/build-types/input-control/stories/index.story.d.ts +0 -31
- package/build-types/input-control/stories/index.story.d.ts.map +0 -1
- package/build-types/isolated-event-container/test/index.d.ts +0 -2
- package/build-types/isolated-event-container/test/index.d.ts.map +0 -1
- package/build-types/item-group/stories/index.story.d.ts +0 -9
- package/build-types/item-group/stories/index.story.d.ts.map +0 -1
- package/build-types/keyboard-shortcuts/stories/index.story.d.ts +0 -6
- package/build-types/keyboard-shortcuts/stories/index.story.d.ts.map +0 -1
- package/build-types/keyboard-shortcuts/test/index.d.ts +0 -2
- package/build-types/keyboard-shortcuts/test/index.d.ts.map +0 -1
- package/build-types/menu/stories/index.story.d.ts +0 -13
- package/build-types/menu/stories/index.story.d.ts.map +0 -1
- package/build-types/menu/test/index.d.ts +0 -2
- package/build-types/menu/test/index.d.ts.map +0 -1
- package/build-types/menu-group/stories/index.story.d.ts +0 -11
- package/build-types/menu-group/stories/index.story.d.ts.map +0 -1
- package/build-types/menu-group/test/index.d.ts +0 -2
- package/build-types/menu-group/test/index.d.ts.map +0 -1
- package/build-types/menu-item/stories/index.story.d.ts +0 -70
- package/build-types/menu-item/stories/index.story.d.ts.map +0 -1
- package/build-types/menu-items-choice/stories/index.story.d.ts +0 -6
- package/build-types/menu-items-choice/stories/index.story.d.ts.map +0 -1
- package/build-types/modal/stories/index.story.d.ts +0 -11
- package/build-types/modal/stories/index.story.d.ts.map +0 -1
- package/build-types/modal/test/aria-helper.d.ts +0 -2
- package/build-types/modal/test/aria-helper.d.ts.map +0 -1
- package/build-types/modal/test/index.d.ts +0 -2
- package/build-types/modal/test/index.d.ts.map +0 -1
- package/build-types/navigable-container/stories/navigable-menu.story.d.ts +0 -6
- package/build-types/navigable-container/stories/navigable-menu.story.d.ts.map +0 -1
- package/build-types/navigable-container/stories/tabbable-container.story.d.ts +0 -6
- package/build-types/navigable-container/stories/tabbable-container.story.d.ts.map +0 -1
- package/build-types/navigable-container/test/navigable-menu.d.ts +0 -2
- package/build-types/navigable-container/test/navigable-menu.d.ts.map +0 -1
- package/build-types/navigable-container/test/tababble-container.d.ts +0 -2
- package/build-types/navigable-container/test/tababble-container.d.ts.map +0 -1
- package/build-types/navigator/stories/index.story.d.ts +0 -8
- package/build-types/navigator/stories/index.story.d.ts.map +0 -1
- package/build-types/navigator/test/index.d.ts +0 -2
- package/build-types/navigator/test/index.d.ts.map +0 -1
- package/build-types/navigator/test/router.d.ts +0 -2
- package/build-types/navigator/test/router.d.ts.map +0 -1
- package/build-types/notice/stories/index.story.d.ts +0 -15
- package/build-types/notice/stories/index.story.d.ts.map +0 -1
- package/build-types/notice/test/index.d.ts +0 -2
- package/build-types/notice/test/index.d.ts.map +0 -1
- package/build-types/notice/test/list.d.ts +0 -2
- package/build-types/notice/test/list.d.ts.map +0 -1
- package/build-types/number-control/stories/index.story.d.ts +0 -19
- package/build-types/number-control/stories/index.story.d.ts.map +0 -1
- package/build-types/number-control/test/index.d.ts +0 -2
- package/build-types/number-control/test/index.d.ts.map +0 -1
- package/build-types/palette-edit/stories/index.story.d.ts +0 -7
- package/build-types/palette-edit/stories/index.story.d.ts.map +0 -1
- package/build-types/palette-edit/test/index.d.ts +0 -2
- package/build-types/palette-edit/test/index.d.ts.map +0 -1
- package/build-types/panel/stories/index.story.d.ts +0 -13
- package/build-types/panel/stories/index.story.d.ts.map +0 -1
- package/build-types/panel/test/body.d.ts +0 -2
- package/build-types/panel/test/body.d.ts.map +0 -1
- package/build-types/panel/test/header.d.ts +0 -2
- package/build-types/panel/test/header.d.ts.map +0 -1
- package/build-types/panel/test/index.d.ts +0 -2
- package/build-types/panel/test/index.d.ts.map +0 -1
- package/build-types/panel/test/row.d.ts +0 -2
- package/build-types/panel/test/row.d.ts.map +0 -1
- package/build-types/placeholder/stories/index.story.d.ts +0 -6
- package/build-types/placeholder/stories/index.story.d.ts.map +0 -1
- package/build-types/placeholder/test/index.d.ts +0 -2
- package/build-types/placeholder/test/index.d.ts.map +0 -1
- package/build-types/popover/stories/e2e/index.story.d.ts +0 -18
- package/build-types/popover/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/popover/stories/index.story.d.ts +0 -11
- package/build-types/popover/stories/index.story.d.ts.map +0 -1
- package/build-types/popover/test/index.d.ts +0 -2
- package/build-types/popover/test/index.d.ts.map +0 -1
- package/build-types/popover/test/utils/index.d.ts +0 -3
- package/build-types/popover/test/utils/index.d.ts.map +0 -1
- package/build-types/progress-bar/stories/index.story.d.ts +0 -23
- package/build-types/progress-bar/stories/index.story.d.ts.map +0 -1
- package/build-types/progress-bar/styles.d.ts +0 -16
- package/build-types/progress-bar/styles.d.ts.map +0 -1
- package/build-types/progress-bar/test/index.d.ts +0 -2
- package/build-types/progress-bar/test/index.d.ts.map +0 -1
- package/build-types/query-controls/stories/index.story.d.ts +0 -7
- package/build-types/query-controls/stories/index.story.d.ts.map +0 -1
- package/build-types/query-controls/test/terms.d.ts +0 -2
- package/build-types/query-controls/test/terms.d.ts.map +0 -1
- package/build-types/radio-control/stories/index.story.d.ts +0 -7
- package/build-types/radio-control/stories/index.story.d.ts.map +0 -1
- package/build-types/radio-control/test/index.d.ts +0 -2
- package/build-types/radio-control/test/index.d.ts.map +0 -1
- package/build-types/radio-group/stories/index.story.d.ts +0 -8
- package/build-types/radio-group/stories/index.story.d.ts.map +0 -1
- package/build-types/range-control/stories/index.story.d.ts +0 -42
- package/build-types/range-control/stories/index.story.d.ts.map +0 -1
- package/build-types/range-control/test/index.d.ts +0 -2
- package/build-types/range-control/test/index.d.ts.map +0 -1
- package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts +0 -18
- package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts.map +0 -1
- package/build-types/resizable-box/stories/index.story.d.ts +0 -46
- package/build-types/resizable-box/stories/index.story.d.ts.map +0 -1
- package/build-types/responsive-wrapper/stories/index.story.d.ts +0 -16
- package/build-types/responsive-wrapper/stories/index.story.d.ts.map +0 -1
- package/build-types/sandbox/stories/index.story.d.ts +0 -7
- package/build-types/sandbox/stories/index.story.d.ts.map +0 -1
- package/build-types/sandbox/test/index.d.ts +0 -2
- package/build-types/sandbox/test/index.d.ts.map +0 -1
- package/build-types/scroll-lock/stories/index.story.d.ts +0 -6
- package/build-types/scroll-lock/stories/index.story.d.ts.map +0 -1
- package/build-types/scroll-lock/test/index.d.ts +0 -2
- package/build-types/scroll-lock/test/index.d.ts.map +0 -1
- package/build-types/scrollable/stories/index.story.d.ts +0 -6
- package/build-types/scrollable/stories/index.story.d.ts.map +0 -1
- package/build-types/scrollable/styles.d.ts +0 -8
- package/build-types/scrollable/styles.d.ts.map +0 -1
- package/build-types/scrollable/test/index.d.ts +0 -2
- package/build-types/scrollable/test/index.d.ts.map +0 -1
- package/build-types/search-control/stories/index.story.d.ts +0 -18
- package/build-types/search-control/stories/index.story.d.ts.map +0 -1
- package/build-types/search-control/test/index.d.ts +0 -2
- package/build-types/search-control/test/index.d.ts.map +0 -1
- package/build-types/select-control/stories/index.story.d.ts +0 -28
- package/build-types/select-control/stories/index.story.d.ts.map +0 -1
- package/build-types/select-control/test/select-control.d.ts +0 -2
- package/build-types/select-control/test/select-control.d.ts.map +0 -1
- package/build-types/shortcut/stories/index.story.d.ts +0 -7
- package/build-types/shortcut/stories/index.story.d.ts.map +0 -1
- package/build-types/shortcut/test/index.d.ts +0 -2
- package/build-types/shortcut/test/index.d.ts.map +0 -1
- package/build-types/slot-fill/stories/index.story.d.ts +0 -10
- package/build-types/slot-fill/stories/index.story.d.ts.map +0 -1
- package/build-types/snackbar/stories/index.story.d.ts +0 -10
- package/build-types/snackbar/stories/index.story.d.ts.map +0 -1
- package/build-types/snackbar/stories/list.story.d.ts +0 -6
- package/build-types/snackbar/stories/list.story.d.ts.map +0 -1
- package/build-types/snackbar/test/index.d.ts +0 -2
- package/build-types/snackbar/test/index.d.ts.map +0 -1
- package/build-types/snackbar/test/list.d.ts +0 -2
- package/build-types/snackbar/test/list.d.ts.map +0 -1
- package/build-types/spacer/stories/index.story.d.ts +0 -7
- package/build-types/spacer/stories/index.story.d.ts.map +0 -1
- package/build-types/spacer/test/index.d.ts +0 -2
- package/build-types/spacer/test/index.d.ts.map +0 -1
- package/build-types/spinner/stories/index.story.d.ts +0 -7
- package/build-types/spinner/stories/index.story.d.ts.map +0 -1
- package/build-types/style-provider/test/index.d.ts +0 -2
- package/build-types/style-provider/test/index.d.ts.map +0 -1
- package/build-types/surface/stories/index.story.d.ts +0 -6
- package/build-types/surface/stories/index.story.d.ts.map +0 -1
- package/build-types/surface/test/index.d.ts +0 -2
- package/build-types/surface/test/index.d.ts.map +0 -1
- package/build-types/tab-panel/stories/index.story.d.ts +0 -9
- package/build-types/tab-panel/stories/index.story.d.ts.map +0 -1
- package/build-types/tab-panel/test/index.d.ts +0 -2
- package/build-types/tab-panel/test/index.d.ts.map +0 -1
- package/build-types/tabs/stories/index.story.d.ts +0 -13
- package/build-types/tabs/stories/index.story.d.ts.map +0 -1
- package/build-types/tabs/test/index.d.ts +0 -2
- package/build-types/tabs/test/index.d.ts.map +0 -1
- package/build-types/text/stories/index.story.d.ts +0 -14
- package/build-types/text/stories/index.story.d.ts.map +0 -1
- package/build-types/text/test/index.d.ts +0 -2
- package/build-types/text/test/index.d.ts.map +0 -1
- package/build-types/text-control/stories/index.story.d.ts +0 -7
- package/build-types/text-control/stories/index.story.d.ts.map +0 -1
- package/build-types/text-control/test/text-control.d.ts +0 -2
- package/build-types/text-control/test/text-control.d.ts.map +0 -1
- package/build-types/text-highlight/stories/index.story.d.ts +0 -6
- package/build-types/text-highlight/stories/index.story.d.ts.map +0 -1
- package/build-types/text-highlight/test/index.d.ts +0 -2
- package/build-types/text-highlight/test/index.d.ts.map +0 -1
- package/build-types/textarea-control/stories/index.story.d.ts +0 -6
- package/build-types/textarea-control/stories/index.story.d.ts.map +0 -1
- package/build-types/textarea-control/styles/textarea-control-styles.d.ts +0 -5
- package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map +0 -1
- package/build-types/tip/stories/index.story.d.ts +0 -6
- package/build-types/tip/stories/index.story.d.ts.map +0 -1
- package/build-types/toggle-control/stories/index.story.d.ts +0 -13
- package/build-types/toggle-control/stories/index.story.d.ts.map +0 -1
- package/build-types/toggle-control/test/index.d.ts +0 -2
- package/build-types/toggle-control/test/index.d.ts.map +0 -1
- package/build-types/toggle-group-control/stories/index.story.d.ts +0 -21
- package/build-types/toggle-group-control/stories/index.story.d.ts.map +0 -1
- package/build-types/toggle-group-control/test/index.d.ts +0 -2
- package/build-types/toggle-group-control/test/index.d.ts.map +0 -1
- package/build-types/toolbar/stories/index.story.d.ts +0 -12
- package/build-types/toolbar/stories/index.story.d.ts.map +0 -1
- package/build-types/toolbar/test/index.d.ts +0 -2
- package/build-types/toolbar/test/index.d.ts.map +0 -1
- package/build-types/toolbar/test/toolbar-group.d.ts +0 -2
- package/build-types/toolbar/test/toolbar-group.d.ts.map +0 -1
- package/build-types/tools-panel/stories/index.story.d.ts +0 -11
- package/build-types/tools-panel/stories/index.story.d.ts.map +0 -1
- package/build-types/tools-panel/test/index.d.ts +0 -2
- package/build-types/tools-panel/test/index.d.ts.map +0 -1
- package/build-types/tooltip/stories/index.story.d.ts +0 -15
- package/build-types/tooltip/stories/index.story.d.ts.map +0 -1
- package/build-types/tooltip/test/index.d.ts +0 -2
- package/build-types/tooltip/test/index.d.ts.map +0 -1
- package/build-types/tooltip/test/utils/index.d.ts +0 -7
- package/build-types/tooltip/test/utils/index.d.ts.map +0 -1
- package/build-types/tree-grid/stories/index.story.d.ts +0 -6
- package/build-types/tree-grid/stories/index.story.d.ts.map +0 -1
- package/build-types/tree-grid/test/cell.d.ts +0 -2
- package/build-types/tree-grid/test/cell.d.ts.map +0 -1
- package/build-types/tree-grid/test/index.d.ts +0 -2
- package/build-types/tree-grid/test/index.d.ts.map +0 -1
- package/build-types/tree-grid/test/roving-tab-index-item.d.ts +0 -2
- package/build-types/tree-grid/test/roving-tab-index-item.d.ts.map +0 -1
- package/build-types/tree-grid/test/roving-tab-index.d.ts +0 -2
- package/build-types/tree-grid/test/roving-tab-index.d.ts.map +0 -1
- package/build-types/tree-grid/test/row.d.ts +0 -2
- package/build-types/tree-grid/test/row.d.ts.map +0 -1
- package/build-types/tree-select/stories/index.story.d.ts +0 -6
- package/build-types/tree-select/stories/index.story.d.ts.map +0 -1
- package/build-types/truncate/stories/index.story.d.ts +0 -7
- package/build-types/truncate/stories/index.story.d.ts.map +0 -1
- package/build-types/truncate/test/index.d.ts +0 -2
- package/build-types/truncate/test/index.d.ts.map +0 -1
- package/build-types/unit-control/stories/index.story.d.ts +0 -27
- package/build-types/unit-control/stories/index.story.d.ts.map +0 -1
- package/build-types/unit-control/test/index.d.ts +0 -2
- package/build-types/unit-control/test/index.d.ts.map +0 -1
- package/build-types/unit-control/test/utils.d.ts +0 -2
- package/build-types/unit-control/test/utils.d.ts.map +0 -1
- package/build-types/utils/test/polymorphic-element.d.ts +0 -2
- package/build-types/utils/test/polymorphic-element.d.ts.map +0 -1
- package/build-types/v-stack/stories/e2e/index.story.d.ts +0 -6
- package/build-types/v-stack/stories/e2e/index.story.d.ts.map +0 -1
- package/build-types/v-stack/stories/index.story.d.ts +0 -11
- package/build-types/v-stack/stories/index.story.d.ts.map +0 -1
- package/build-types/v-stack/test/index.d.ts +0 -2
- package/build-types/v-stack/test/index.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/combobox-control.d.ts +0 -20
- package/build-types/validated-form-controls/components/combobox-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/form-token-field.d.ts +0 -3
- package/build-types/validated-form-controls/components/form-token-field.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/combobox-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/combobox-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/content-editable-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/content-editable-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/custom-select-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/custom-select-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/form-token-field.story.d.ts +0 -9
- package/build-types/validated-form-controls/components/stories/form-token-field.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/input-control.story.d.ts +0 -12
- package/build-types/validated-form-controls/components/stories/input-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/overview.story.d.ts +0 -60
- package/build-types/validated-form-controls/components/stories/overview.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/range-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/range-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/story-utils.d.ts +0 -3
- package/build-types/validated-form-controls/components/stories/story-utils.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/textarea-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/textarea-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/toggle-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/toggle-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/stories/toggle-group-control.story.d.ts +0 -6
- package/build-types/validated-form-controls/components/stories/toggle-group-control.story.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/toggle-control.d.ts +0 -7
- package/build-types/validated-form-controls/components/toggle-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/components/toggle-group-control.d.ts +0 -15
- package/build-types/validated-form-controls/components/toggle-group-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/control-with-error.d.ts +0 -36
- package/build-types/validated-form-controls/control-with-error.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/combobox-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/combobox-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/content-editable-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/content-editable-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/control-with-error.d.ts +0 -2
- package/build-types/validated-form-controls/test/control-with-error.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/custom-select-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/custom-select-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/form-token-field.d.ts +0 -2
- package/build-types/validated-form-controls/test/form-token-field.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/input-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/input-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/range-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/range-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/textarea-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/textarea-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/toggle-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/toggle-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/test/toggle-group-control.d.ts +0 -2
- package/build-types/validated-form-controls/test/toggle-group-control.d.ts.map +0 -1
- package/build-types/validated-form-controls/validity-indicator.d.ts +0 -6
- package/build-types/validated-form-controls/validity-indicator.d.ts.map +0 -1
- package/build-types/view/stories/index.story.d.ts +0 -6
- package/build-types/view/stories/index.story.d.ts.map +0 -1
- package/build-types/visually-hidden/stories/index.story.d.ts +0 -8
- package/build-types/visually-hidden/stories/index.story.d.ts.map +0 -1
- package/build-types/z-stack/stories/index.story.d.ts +0 -6
- package/build-types/z-stack/stories/index.story.d.ts.map +0 -1
- package/build-types/z-stack/styles.d.ts +0 -14
- package/build-types/z-stack/styles.d.ts.map +0 -1
- package/src/base-control/styles/base-control-styles.ts +0 -46
- package/src/border-box-control/styles.ts +0 -71
- package/src/border-control/styles.ts +0 -151
- package/src/box-control/styles/box-control-styles.ts +0 -34
- package/src/color-palette/styles.ts +0 -13
- package/src/combobox-control/styles.ts +0 -9
- package/src/dropdown/styles.ts +0 -33
- package/src/progress-bar/styles.ts +0 -84
- package/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts +0 -47
- package/src/scrollable/styles.ts +0 -57
- package/src/scrollable/test/__snapshots__/index.tsx.snap +0 -66
- package/src/textarea-control/styles/textarea-control-styles.ts +0 -90
- package/src/validated-form-controls/components/combobox-control.tsx +0 -56
- package/src/validated-form-controls/components/form-token-field.tsx +0 -57
- package/src/validated-form-controls/components/stories/combobox-control.story.tsx +0 -56
- package/src/validated-form-controls/components/stories/form-token-field.story.tsx +0 -60
- package/src/validated-form-controls/components/stories/input-control.story.tsx +0 -126
- package/src/validated-form-controls/components/stories/overview.story.tsx +0 -560
- package/src/validated-form-controls/components/stories/textarea-control.story.tsx +0 -50
- package/src/validated-form-controls/components/stories/toggle-control.story.tsx +0 -47
- package/src/validated-form-controls/components/stories/toggle-group-control.story.tsx +0 -58
- package/src/validated-form-controls/components/toggle-control.tsx +0 -40
- package/src/validated-form-controls/components/toggle-group-control.tsx +0 -55
- package/src/validated-form-controls/control-with-error.tsx +0 -321
- package/src/validated-form-controls/test/combobox-control.tsx +0 -61
- package/src/validated-form-controls/test/control-with-error.tsx +0 -577
- package/src/validated-form-controls/test/form-token-field.tsx +0 -52
- package/src/validated-form-controls/test/toggle-control.tsx +0 -49
- package/src/validated-form-controls/test/toggle-group-control.tsx +0 -28
- package/src/validated-form-controls/validity-indicator.tsx +0 -40
- package/src/z-stack/styles.ts +0 -35
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/textarea-control/styles/textarea-control-styles.ts"],
|
|
4
|
-
"sourcesContent": ["import _styled from \"@emotion/styled/base\";\nimport { css } from '@emotion/react';\nimport { font } from '../../utils/font';\nimport { COLORS } from '../../utils/colors-values';\nimport { CONFIG } from '../../utils';\nimport { breakpoint } from '../../utils/breakpoint';\nconst inputStyleNeutral = /*#__PURE__*/css(\"box-shadow:0 0 0 transparent;border-radius:\", CONFIG.radiusSmall, \";border:\", CONFIG.borderWidth, \" solid \", COLORS.ui.border, \";@media not ( prefers-reduced-motion ){transition:box-shadow 0.1s linear;}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:inputStyleNeutral;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU82QiIsImZpbGUiOiJ0ZXh0YXJlYS1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvbnQgfSBmcm9tICcuLi8uLi91dGlscy9mb250JztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9ycy12YWx1ZXMnO1xuaW1wb3J0IHsgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgYnJlYWtwb2ludCB9IGZyb20gJy4uLy4uL3V0aWxzL2JyZWFrcG9pbnQnO1xuXG5jb25zdCBpbnB1dFN0eWxlTmV1dHJhbCA9IGNzc2Bcblx0Ym94LXNoYWRvdzogMCAwIDAgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3JkZXI6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuMXMgbGluZWFyO1xuXHR9XG5gO1xuXG5jb25zdCBpbnB1dFN0eWxlRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRib3gtc2hhZG93OiAwIDAgMFxuXHRcdGNhbGMoICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSApXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXG5cdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0YXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRsaW5lLWhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmJhY2tncm91bmQgfTtcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cdHJlc2l6ZTogdmVydGljYWw7XG5cblx0Ly8gVmVydGljYWwgcGFkZGluZyBpcyB0byBtYXRjaCB0aGUgc3RhbmRhcmQgNDBweCBjb250cm9sIGhlaWdodCB3aGVuIHJvd3M9MSxcblx0Ly8gaW4gY29uanVuY3Rpb24gd2l0aCB0aGUgMjBweCBsaW5lLWhlaWdodC5cblx0Ly8gXCJTdGFuZGFyZFwiIG1ldHJpY3MgYXJlIDEwcHggMTJweCwgYnV0IHN1YnRyYWN0cyAxcHggZWFjaCB0byBhY2NvdW50IGZvciB0aGUgYm9yZGVyIHdpZHRoLlxuXHRwYWRkaW5nOiA5cHggMTFweDtcblxuXHQvLyBNYXRjaGluZyB0aGUgMjBweCBsaW5lLWhlaWdodCArIHRoZSA5cHggdG9wIGFuZCBib3R0b20gcGFkZGluZy5cblx0bWluLWhlaWdodDogMzhweDtcblxuXHQkeyBpbnB1dFN0eWxlTmV1dHJhbCB9O1xuXG5cdC8qIEZvbnRzIHNtYWxsZXIgdGhhbiAxNnB4IGNhdXNlcyBtb2JpbGUgc2FmYXJpIHRvIHpvb20uICovXG5cdGZvbnQtc2l6ZTogJHsgZm9udCggJ21vYmlsZVRleHRNaW5Gb250U2l6ZScgKSB9O1xuXG5cdCR7IGJyZWFrcG9pbnQoICdzbWFsbCcgKSB9IHtcblx0XHRmb250LXNpemU6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRTaXplJyApIH07XG5cdH1cblxuXHQmOmZvY3VzIHtcblx0XHQkeyBpbnB1dFN0eWxlRm9jdXMgfVxuXHR9XG5cblx0JjpkaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmREaXNhYmxlZCB9O1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckRpc2FibGVkIH07XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS50ZXh0RGlzYWJsZWQgfTtcblx0fVxuXG5cdC8vIFVzZSBvcGFjaXR5IHRvIHdvcmsgaW4gdmFyaW91cyBlZGl0b3Igc3R5bGVzLlxuXHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */\");\nconst inputStyleFocus = /*#__PURE__*/css(\"border-color:\", COLORS.theme.accent, \";box-shadow:0 0 0 calc( \", CONFIG.borderWidthFocus, \" - \", CONFIG.borderWidth, \" ) \", COLORS.theme.accent, \";outline:2px solid transparent;\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:inputStyleFocus;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoidGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXHRyZXNpemU6IHZlcnRpY2FsO1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0Ly8gTWF0Y2hpbmcgdGhlIDIwcHggbGluZS1oZWlnaHQgKyB0aGUgOXB4IHRvcCBhbmQgYm90dG9tIHBhZGRpbmcuXG5cdG1pbi1oZWlnaHQ6IDM4cHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdCY6ZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kRGlzYWJsZWQgfTtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJEaXNhYmxlZCB9O1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkudGV4dERpc2FibGVkIH07XG5cdH1cblxuXHQvLyBVc2Ugb3BhY2l0eSB0byB3b3JrIGluIHZhcmlvdXMgZWRpdG9yIHN0eWxlcy5cblx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdC5pcy1kYXJrLXRoZW1lICYge1xuXHRcdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblxuXHRcdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblxuXHRcdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */\");\nexport const StyledTextarea = /*#__PURE__*/_styled(\"textarea\", process.env.NODE_ENV === \"production\" ? {\n target: \"e1w5nnrk0\"\n} : {\n target: \"e1w5nnrk0\",\n label: \"StyledTextarea\"\n})(\"width:100%;display:block;font-family:\", font('default.fontFamily'), \";line-height:20px;background:\", COLORS.theme.background, \";color:\", COLORS.theme.foreground, \";resize:vertical;padding:9px 11px;min-height:38px;\", inputStyleNeutral, \";font-size:\", font('mobileTextMinFontSize'), \";\", breakpoint('small'), \"{font-size:\", font('default.fontSize'), \";}&:focus{\", inputStyleFocus, \";}&:disabled{background:\", COLORS.ui.backgroundDisabled, \";border-color:\", COLORS.ui.borderDisabled, \";color:\", COLORS.ui.textDisabled, \";}&::-webkit-input-placeholder{color:\", COLORS.ui.darkGrayPlaceholder, \";}&::-moz-placeholder{color:\", COLORS.ui.darkGrayPlaceholder, \";}&:-ms-input-placeholder{color:\", COLORS.ui.darkGrayPlaceholder, \";}.is-dark-theme &{&::-webkit-input-placeholder{color:\", COLORS.ui.lightGrayPlaceholder, \";}&::-moz-placeholder{color:\", COLORS.ui.lightGrayPlaceholder, \";}&:-ms-input-placeholder{color:\", COLORS.ui.lightGrayPlaceholder, \";}}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkMiLCJmaWxlIjoidGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXHRyZXNpemU6IHZlcnRpY2FsO1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0Ly8gTWF0Y2hpbmcgdGhlIDIwcHggbGluZS1oZWlnaHQgKyB0aGUgOXB4IHRvcCBhbmQgYm90dG9tIHBhZGRpbmcuXG5cdG1pbi1oZWlnaHQ6IDM4cHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdCY6ZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kRGlzYWJsZWQgfTtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJEaXNhYmxlZCB9O1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkudGV4dERpc2FibGVkIH07XG5cdH1cblxuXHQvLyBVc2Ugb3BhY2l0eSB0byB3b3JrIGluIHZhcmlvdXMgZWRpdG9yIHN0eWxlcy5cblx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdC5pcy1kYXJrLXRoZW1lICYge1xuXHRcdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblxuXHRcdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblxuXHRcdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */\"));"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoB;AACpB,mBAAoB;AACpB,kBAAqB;AACrB,2BAAuB;AACvB,mBAAuB;AACvB,wBAA2B;AAC3B,IAAM,oBAAiC,sCAAI,+CAA+C,oBAAO,aAAa,YAAY,oBAAO,aAAa,WAAW,4BAAO,GAAG,QAAQ,gFAAgF,QAAQ,IAAI,aAAa,eAAe,KAAK,8BAA8B,QAAQ,IAAI,aAAa,eAAe,KAAK,iiHAAiiH;AACp5H,IAAM,kBAA+B,sCAAI,iBAAiB,4BAAO,MAAM,QAAQ,4BAA4B,oBAAO,kBAAkB,OAAO,oBAAO,aAAa,OAAO,4BAAO,MAAM,QAAQ,qCAAqC,QAAQ,IAAI,aAAa,eAAe,KAAK,4BAA4B,QAAQ,IAAI,aAAa,eAAe,KAAK,iiHAAiiH;AACh3H,IAAM,iBAA8B,gCAAAA,SAAQ,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACrG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,6CAAyC,kBAAK,oBAAoB,GAAG,iCAAiC,4BAAO,MAAM,YAAY,WAAW,4BAAO,MAAM,YAAY,sDAAsD,mBAAmB,mBAAe,kBAAK,uBAAuB,GAAG,SAAK,8BAAW,OAAO,GAAG,mBAAe,kBAAK,kBAAkB,GAAG,cAAc,iBAAiB,4BAA4B,4BAAO,GAAG,oBAAoB,kBAAkB,4BAAO,GAAG,gBAAgB,WAAW,4BAAO,GAAG,cAAc,yCAAyC,4BAAO,GAAG,qBAAqB,gCAAgC,4BAAO,GAAG,qBAAqB,oCAAoC,4BAAO,GAAG,qBAAqB,0DAA0D,4BAAO,GAAG,sBAAsB,gCAAgC,4BAAO,GAAG,sBAAsB,oCAAoC,4BAAO,GAAG,sBAAsB,SAAS,QAAQ,IAAI,aAAa,eAAe,KAAK,kiHAAkiH;",
|
|
6
|
-
"names": ["_styled"]
|
|
7
|
-
}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// packages/components/src/validated-form-controls/components/combobox-control.tsx
|
|
31
|
-
var combobox_control_exports = {};
|
|
32
|
-
__export(combobox_control_exports, {
|
|
33
|
-
ValidatedComboboxControl: () => ValidatedComboboxControl
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(combobox_control_exports);
|
|
36
|
-
var import_compose = require("@wordpress/compose");
|
|
37
|
-
var import_element = require("@wordpress/element");
|
|
38
|
-
var import_control_with_error = require("../control-with-error.cjs");
|
|
39
|
-
var import_combobox_control = __toESM(require("../../combobox-control/index.cjs"));
|
|
40
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
var UnforwardedValidatedComboboxControl = ({
|
|
42
|
-
required,
|
|
43
|
-
customValidity,
|
|
44
|
-
markWhenOptional,
|
|
45
|
-
...restProps
|
|
46
|
-
}, forwardedRef) => {
|
|
47
|
-
const validityTargetRef = (0, import_element.useRef)(null);
|
|
48
|
-
const mergedRefs = (0, import_compose.useMergeRefs)([forwardedRef, validityTargetRef]);
|
|
49
|
-
(0, import_element.useEffect)(() => {
|
|
50
|
-
const input = validityTargetRef.current?.querySelector('input[role="combobox"]');
|
|
51
|
-
if (input) {
|
|
52
|
-
input.required = required ?? false;
|
|
53
|
-
}
|
|
54
|
-
}, [required]);
|
|
55
|
-
return (
|
|
56
|
-
// TODO: Bug - Missing value error is not cleared immediately on change, waits for blur.
|
|
57
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_control_with_error.ControlWithError, {
|
|
58
|
-
required,
|
|
59
|
-
markWhenOptional,
|
|
60
|
-
ref: mergedRefs,
|
|
61
|
-
customValidity,
|
|
62
|
-
getValidityTarget: () => validityTargetRef.current?.querySelector('input[role="combobox"]'),
|
|
63
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox_control.default, {
|
|
64
|
-
...restProps
|
|
65
|
-
})
|
|
66
|
-
})
|
|
67
|
-
);
|
|
68
|
-
};
|
|
69
|
-
var ValidatedComboboxControl = (0, import_element.forwardRef)(UnforwardedValidatedComboboxControl);
|
|
70
|
-
ValidatedComboboxControl.displayName = "ValidatedComboboxControl";
|
|
71
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
72
|
-
0 && (module.exports = {
|
|
73
|
-
ValidatedComboboxControl
|
|
74
|
-
});
|
|
75
|
-
//# sourceMappingURL=combobox-control.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/validated-form-controls/components/combobox-control.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useEffect, useRef } from '@wordpress/element';\nimport { ControlWithError } from '../control-with-error';\nimport ComboboxControl from '../../combobox-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedComboboxControl = ({\n required,\n customValidity,\n markWhenOptional,\n ...restProps\n}, forwardedRef) => {\n const validityTargetRef = useRef(null);\n const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n\n // TODO: Upstream limitation - The `required` attribute is not passed down to the input,\n // so we need to set it manually.\n useEffect(() => {\n const input = validityTargetRef.current?.querySelector('input[role=\"combobox\"]');\n if (input) {\n input.required = required ?? false;\n }\n }, [required]);\n return (\n /*#__PURE__*/\n // TODO: Bug - Missing value error is not cleared immediately on change, waits for blur.\n _jsx(ControlWithError, {\n required: required,\n markWhenOptional: markWhenOptional,\n ref: mergedRefs,\n customValidity: customValidity,\n getValidityTarget: () => validityTargetRef.current?.querySelector('input[role=\"combobox\"]'),\n children: /*#__PURE__*/_jsx(ComboboxControl, {\n ...restProps\n })\n })\n );\n};\nexport const ValidatedComboboxControl = forwardRef(UnforwardedValidatedComboboxControl);\nValidatedComboboxControl.displayName = 'ValidatedComboboxControl';"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA6B;AAC7B,qBAA8C;AAC9C,gCAAiC;AACjC,8BAA4B;AAC5B,yBAA4B;AAC5B,IAAM,sCAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,wBAAoB,uBAAO,IAAI;AACrC,QAAM,iBAAa,6BAAa,CAAC,cAAc,iBAAiB,CAAC;AAIjE,gCAAU,MAAM;AACd,UAAM,QAAQ,kBAAkB,SAAS,cAAc,wBAAwB;AAC/E,QAAI,OAAO;AACT,YAAM,WAAW,YAAY;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACb;AAAA;AAAA,IAGE,uCAAAA,KAAK,4CAAkB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,wBAAwB;AAAA,MAC1F,UAAuB,uCAAAA,KAAK,wBAAAC,SAAiB;AAAA,QAC3C,GAAG;AAAA,MACL,CAAC;AAAA,IACH,CAAC;AAAA;AAEL;AACO,IAAM,+BAA2B,2BAAW,mCAAmC;AACtF,yBAAyB,cAAc;",
|
|
6
|
-
"names": ["_jsx", "ComboboxControl"]
|
|
7
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// packages/components/src/validated-form-controls/components/form-token-field.tsx
|
|
21
|
-
var form_token_field_exports = {};
|
|
22
|
-
__export(form_token_field_exports, {
|
|
23
|
-
ValidatedFormTokenField: () => ValidatedFormTokenField
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(form_token_field_exports);
|
|
26
|
-
var import_element = require("@wordpress/element");
|
|
27
|
-
var import_control_with_error = require("../control-with-error.cjs");
|
|
28
|
-
var import_form_token_field = require("../../form-token-field/index.cjs");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
var UnforwardedValidatedFormTokenField = ({
|
|
31
|
-
required,
|
|
32
|
-
customValidity,
|
|
33
|
-
markWhenOptional,
|
|
34
|
-
...restProps
|
|
35
|
-
}, forwardedRef) => {
|
|
36
|
-
const validityTargetRef = (0, import_element.useRef)(null);
|
|
37
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
38
|
-
className: "components-validated-control__wrapper-with-error-delegate",
|
|
39
|
-
ref: forwardedRef,
|
|
40
|
-
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_control_with_error.ControlWithError, {
|
|
41
|
-
required,
|
|
42
|
-
markWhenOptional,
|
|
43
|
-
customValidity,
|
|
44
|
-
getValidityTarget: () => validityTargetRef.current,
|
|
45
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_token_field.FormTokenField, {
|
|
46
|
-
...restProps
|
|
47
|
-
})
|
|
48
|
-
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
|
|
49
|
-
className: "components-validated-control__error-delegate",
|
|
50
|
-
type: "text",
|
|
51
|
-
ref: validityTargetRef,
|
|
52
|
-
required,
|
|
53
|
-
value: restProps.value && restProps.value.length > 0 ? "hasvalue" : "",
|
|
54
|
-
tabIndex: -1,
|
|
55
|
-
onChange: () => {
|
|
56
|
-
},
|
|
57
|
-
onFocus: (e) => {
|
|
58
|
-
e.target.previousElementSibling?.querySelector('input[type="text"]')?.focus();
|
|
59
|
-
}
|
|
60
|
-
})]
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
var ValidatedFormTokenField = (0, import_element.forwardRef)(UnforwardedValidatedFormTokenField);
|
|
64
|
-
ValidatedFormTokenField.displayName = "ValidatedFormTokenField";
|
|
65
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
-
0 && (module.exports = {
|
|
67
|
-
ValidatedFormTokenField
|
|
68
|
-
});
|
|
69
|
-
//# sourceMappingURL=form-token-field.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/validated-form-controls/components/form-token-field.tsx"],
|
|
4
|
-
"sourcesContent": ["import { forwardRef, useRef } from '@wordpress/element';\nimport { ControlWithError } from '../control-with-error';\nimport { FormTokenField } from '../../form-token-field';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst UnforwardedValidatedFormTokenField = ({\n required,\n customValidity,\n markWhenOptional,\n ...restProps\n}, forwardedRef) => {\n const validityTargetRef = useRef(null);\n return /*#__PURE__*/_jsxs(\"div\", {\n className: \"components-validated-control__wrapper-with-error-delegate\",\n ref: forwardedRef,\n children: [/*#__PURE__*/_jsx(ControlWithError, {\n required: required,\n markWhenOptional: markWhenOptional,\n customValidity: customValidity,\n getValidityTarget: () => validityTargetRef.current,\n children: /*#__PURE__*/_jsx(FormTokenField, {\n ...restProps\n })\n }), /*#__PURE__*/_jsx(\"input\", {\n className: \"components-validated-control__error-delegate\",\n type: \"text\",\n ref: validityTargetRef,\n required: required,\n value: restProps.value && restProps.value.length > 0 ? 'hasvalue' : '',\n tabIndex: -1,\n onChange: () => {},\n onFocus: e => {\n e.target.previousElementSibling?.querySelector('input[type=\"text\"]')?.focus();\n }\n })]\n });\n};\nexport const ValidatedFormTokenField = forwardRef(UnforwardedValidatedFormTokenField);\nValidatedFormTokenField.displayName = 'ValidatedFormTokenField';"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,gCAAiC;AACjC,8BAA+B;AAC/B,yBAA2C;AAC3C,IAAM,qCAAqC,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,wBAAoB,uBAAO,IAAI;AACrC,SAAoB,uCAAAA,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,UAAU,CAAc,uCAAAC,KAAK,4CAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB,uCAAAA,KAAK,wCAAgB;AAAA,QAC1C,GAAG;AAAA,MACL,CAAC;AAAA,IACH,CAAC,GAAgB,uCAAAA,KAAK,SAAS;AAAA,MAC7B,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,MACA,OAAO,UAAU,SAAS,UAAU,MAAM,SAAS,IAAI,aAAa;AAAA,MACpE,UAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,oBAAoB,GAAG,MAAM;AAAA,MAC9E;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAM,8BAA0B,2BAAW,kCAAkC;AACpF,wBAAwB,cAAc;",
|
|
6
|
-
"names": ["_jsxs", "_jsx"]
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// packages/components/src/validated-form-controls/components/toggle-control.tsx
|
|
31
|
-
var toggle_control_exports = {};
|
|
32
|
-
__export(toggle_control_exports, {
|
|
33
|
-
ValidatedToggleControl: () => ValidatedToggleControl
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(toggle_control_exports);
|
|
36
|
-
var import_element = require("@wordpress/element");
|
|
37
|
-
var import_compose = require("@wordpress/compose");
|
|
38
|
-
var import_control_with_error = require("../control-with-error.cjs");
|
|
39
|
-
var import_toggle_control = __toESM(require("../../toggle-control/index.cjs"));
|
|
40
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
var UnforwardedValidatedToggleControl = ({
|
|
42
|
-
required,
|
|
43
|
-
customValidity,
|
|
44
|
-
markWhenOptional,
|
|
45
|
-
...restProps
|
|
46
|
-
}, forwardedRef) => {
|
|
47
|
-
const validityTargetRef = (0, import_element.useRef)(null);
|
|
48
|
-
const mergedRefs = (0, import_compose.useMergeRefs)([forwardedRef, validityTargetRef]);
|
|
49
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_control_with_error.ControlWithError, {
|
|
50
|
-
required,
|
|
51
|
-
markWhenOptional,
|
|
52
|
-
customValidity,
|
|
53
|
-
getValidityTarget: () => validityTargetRef.current,
|
|
54
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_control.default, {
|
|
55
|
-
ref: mergedRefs,
|
|
56
|
-
required,
|
|
57
|
-
...restProps
|
|
58
|
-
})
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
var ValidatedToggleControl = (0, import_element.forwardRef)(UnforwardedValidatedToggleControl);
|
|
62
|
-
ValidatedToggleControl.displayName = "ValidatedToggleControl";
|
|
63
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
64
|
-
0 && (module.exports = {
|
|
65
|
-
ValidatedToggleControl
|
|
66
|
-
});
|
|
67
|
-
//# sourceMappingURL=toggle-control.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/validated-form-controls/components/toggle-control.tsx"],
|
|
4
|
-
"sourcesContent": ["import { forwardRef, useRef } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { ControlWithError } from '../control-with-error';\nimport ToggleControl from '../../toggle-control';\n\n// TODO: Should we customize the default `missingValue` message? It says to \"check this box\".\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedToggleControl = ({\n required,\n customValidity,\n markWhenOptional,\n ...restProps\n}, forwardedRef) => {\n const validityTargetRef = useRef(null);\n const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n return /*#__PURE__*/_jsx(ControlWithError, {\n required: required,\n markWhenOptional: markWhenOptional,\n customValidity: customValidity,\n getValidityTarget: () => validityTargetRef.current,\n children: /*#__PURE__*/_jsx(ToggleControl, {\n ref: mergedRefs,\n required: required,\n ...restProps\n })\n });\n};\nexport const ValidatedToggleControl = forwardRef(UnforwardedValidatedToggleControl);\nValidatedToggleControl.displayName = 'ValidatedToggleControl';"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,qBAA6B;AAC7B,gCAAiC;AACjC,4BAA0B;AAG1B,yBAA4B;AAC5B,IAAM,oCAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,wBAAoB,uBAAO,IAAI;AACrC,QAAM,iBAAa,6BAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,SAAoB,uCAAAA,KAAK,4CAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,uCAAAA,KAAK,sBAAAC,SAAe;AAAA,MACzC,KAAK;AAAA,MACL;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,6BAAyB,2BAAW,iCAAiC;AAClF,uBAAuB,cAAc;",
|
|
6
|
-
"names": ["_jsx", "ToggleControl"]
|
|
7
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// packages/components/src/validated-form-controls/components/toggle-group-control.tsx
|
|
21
|
-
var toggle_group_control_exports = {};
|
|
22
|
-
__export(toggle_group_control_exports, {
|
|
23
|
-
ValidatedToggleGroupControl: () => ValidatedToggleGroupControl
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(toggle_group_control_exports);
|
|
26
|
-
var import_element = require("@wordpress/element");
|
|
27
|
-
var import_control_with_error = require("../control-with-error.cjs");
|
|
28
|
-
var import_toggle_group_control = require("../../toggle-group-control/index.cjs");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
var UnforwardedValidatedToggleGroupControl = ({
|
|
31
|
-
required,
|
|
32
|
-
customValidity,
|
|
33
|
-
markWhenOptional,
|
|
34
|
-
...restProps
|
|
35
|
-
}, forwardedRef) => {
|
|
36
|
-
const validityTargetRef = (0, import_element.useRef)(null);
|
|
37
|
-
const nameAttr = (0, import_element.useId)();
|
|
38
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
39
|
-
className: "components-validated-control__wrapper-with-error-delegate",
|
|
40
|
-
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_control_with_error.ControlWithError, {
|
|
41
|
-
required,
|
|
42
|
-
markWhenOptional,
|
|
43
|
-
customValidity,
|
|
44
|
-
getValidityTarget: () => validityTargetRef.current,
|
|
45
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle_group_control.ToggleGroupControl, {
|
|
46
|
-
ref: forwardedRef,
|
|
47
|
-
...restProps
|
|
48
|
-
})
|
|
49
|
-
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
|
|
50
|
-
className: "components-validated-control__error-delegate",
|
|
51
|
-
type: "radio",
|
|
52
|
-
ref: validityTargetRef,
|
|
53
|
-
required,
|
|
54
|
-
checked: restProps.value !== void 0,
|
|
55
|
-
tabIndex: -1,
|
|
56
|
-
name: nameAttr,
|
|
57
|
-
onChange: () => {
|
|
58
|
-
},
|
|
59
|
-
onFocus: (e) => {
|
|
60
|
-
e.target.previousElementSibling?.querySelector('[data-active-item="true"]')?.focus();
|
|
61
|
-
}
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
var ValidatedToggleGroupControl = (0, import_element.forwardRef)(UnforwardedValidatedToggleGroupControl);
|
|
66
|
-
ValidatedToggleGroupControl.displayName = "ValidatedToggleGroupControl";
|
|
67
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
68
|
-
0 && (module.exports = {
|
|
69
|
-
ValidatedToggleGroupControl
|
|
70
|
-
});
|
|
71
|
-
//# sourceMappingURL=toggle-group-control.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/validated-form-controls/components/toggle-group-control.tsx"],
|
|
4
|
-
"sourcesContent": ["import { forwardRef, useId, useRef } from '@wordpress/element';\nimport { ControlWithError } from '../control-with-error';\nimport { ToggleGroupControl } from '../../toggle-group-control';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst UnforwardedValidatedToggleGroupControl = ({\n required,\n customValidity,\n markWhenOptional,\n ...restProps\n}, forwardedRef) => {\n const validityTargetRef = useRef(null);\n const nameAttr = useId();\n return /*#__PURE__*/_jsxs(\"div\", {\n className: \"components-validated-control__wrapper-with-error-delegate\",\n children: [/*#__PURE__*/_jsx(ControlWithError, {\n required: required,\n markWhenOptional: markWhenOptional,\n customValidity: customValidity,\n getValidityTarget: () => validityTargetRef.current,\n children: /*#__PURE__*/_jsx(ToggleGroupControl, {\n ref: forwardedRef,\n ...restProps\n })\n }), /*#__PURE__*/_jsx(\"input\", {\n className: \"components-validated-control__error-delegate\",\n type: \"radio\",\n ref: validityTargetRef,\n required: required,\n checked: restProps.value !== undefined,\n tabIndex: -1\n // A name attribute is needed for the `required` behavior to work.\n ,\n name: nameAttr,\n onChange: () => {},\n onFocus: e => {\n e.target.previousElementSibling?.querySelector('[data-active-item=\"true\"]')?.focus();\n }\n })]\n });\n};\nexport const ValidatedToggleGroupControl = forwardRef(UnforwardedValidatedToggleGroupControl);\nValidatedToggleGroupControl.displayName = 'ValidatedToggleGroupControl';"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0C;AAC1C,gCAAiC;AACjC,kCAAmC;AACnC,yBAA2C;AAC3C,IAAM,yCAAyC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,wBAAoB,uBAAO,IAAI;AACrC,QAAM,eAAW,sBAAM;AACvB,SAAoB,uCAAAA,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAc,uCAAAC,KAAK,4CAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB,uCAAAA,KAAK,gDAAoB;AAAA,QAC9C,KAAK;AAAA,QACL,GAAG;AAAA,MACL,CAAC;AAAA,IACH,CAAC,GAAgB,uCAAAA,KAAK,SAAS;AAAA,MAC7B,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,MACA,SAAS,UAAU,UAAU;AAAA,MAC7B,UAAU;AAAA,MAGV,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,2BAA2B,GAAG,MAAM;AAAA,MACrF;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAM,kCAA8B,2BAAW,sCAAsC;AAC5F,4BAA4B,cAAc;",
|
|
6
|
-
"names": ["_jsxs", "_jsx"]
|
|
7
|
-
}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// packages/components/src/validated-form-controls/control-with-error.tsx
|
|
21
|
-
var control_with_error_exports = {};
|
|
22
|
-
__export(control_with_error_exports, {
|
|
23
|
-
ControlWithError: () => ControlWithError
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(control_with_error_exports);
|
|
26
|
-
var import_i18n = require("@wordpress/i18n");
|
|
27
|
-
var import_element = require("@wordpress/element");
|
|
28
|
-
var import_validity_indicator = require("./validity-indicator.cjs");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
function appendRequiredIndicator(label, required, markWhenOptional) {
|
|
31
|
-
let suffix;
|
|
32
|
-
if (required && !markWhenOptional) {
|
|
33
|
-
suffix = `(${(0, import_i18n.__)("Required")})`;
|
|
34
|
-
} else if (!required && markWhenOptional) {
|
|
35
|
-
suffix = `(${(0, import_i18n.__)("Optional")})`;
|
|
36
|
-
}
|
|
37
|
-
if (!suffix) {
|
|
38
|
-
return label;
|
|
39
|
-
}
|
|
40
|
-
if (typeof label === "string") {
|
|
41
|
-
return `${label} ${suffix}`;
|
|
42
|
-
}
|
|
43
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
44
|
-
children: [label, " ", suffix]
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
var VALIDITY_VISIBLE_ATTRIBUTE = "data-validity-visible";
|
|
48
|
-
var className = "components-validated-control";
|
|
49
|
-
function UnforwardedControlWithError({
|
|
50
|
-
required,
|
|
51
|
-
markWhenOptional,
|
|
52
|
-
customValidity,
|
|
53
|
-
getValidityTarget,
|
|
54
|
-
children
|
|
55
|
-
}, forwardedRef) {
|
|
56
|
-
const [errorMessage, setErrorMessage] = (0, import_element.useState)();
|
|
57
|
-
const [statusMessage, setStatusMessage] = (0, import_element.useState)();
|
|
58
|
-
const [showMessage, setShowMessage] = (0, import_element.useState)(false);
|
|
59
|
-
const [isTouched, setIsTouched] = (0, import_element.useState)(false);
|
|
60
|
-
(0, import_element.useEffect)(() => {
|
|
61
|
-
const validityTarget = getValidityTarget();
|
|
62
|
-
const handler = () => {
|
|
63
|
-
setShowMessage(true);
|
|
64
|
-
validityTarget?.setAttribute(VALIDITY_VISIBLE_ATTRIBUTE, "");
|
|
65
|
-
};
|
|
66
|
-
validityTarget?.addEventListener("invalid", handler);
|
|
67
|
-
return () => validityTarget?.removeEventListener("invalid", handler);
|
|
68
|
-
}, [getValidityTarget]);
|
|
69
|
-
(0, import_element.useEffect)(() => {
|
|
70
|
-
const validityTarget = getValidityTarget();
|
|
71
|
-
const suppressNativePopover = (event) => {
|
|
72
|
-
event.preventDefault();
|
|
73
|
-
if (!event.isTrusted) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
const target = event.target;
|
|
77
|
-
const firstErrorInForm = Array.from(target.form?.elements ?? []).find((el) => !el.validity.valid);
|
|
78
|
-
if (!target.form || firstErrorInForm === target) {
|
|
79
|
-
target.focus();
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
const radioSibilings = validityTarget?.type === "radio" && validityTarget?.name ? Array.from(validityTarget?.closest(`.${className}`)?.querySelectorAll(`input[type="radio"][name="${validityTarget?.name}"]`) ?? []).filter((sibling) => sibling !== validityTarget) : [];
|
|
83
|
-
validityTarget?.addEventListener("invalid", suppressNativePopover);
|
|
84
|
-
radioSibilings.forEach((sibling) => sibling.addEventListener("invalid", suppressNativePopover));
|
|
85
|
-
return () => {
|
|
86
|
-
validityTarget?.removeEventListener("invalid", suppressNativePopover);
|
|
87
|
-
radioSibilings.forEach((sibling) => sibling.removeEventListener("invalid", suppressNativePopover));
|
|
88
|
-
};
|
|
89
|
-
}, [getValidityTarget]);
|
|
90
|
-
(0, import_element.useEffect)(() => {
|
|
91
|
-
const validityTarget = getValidityTarget();
|
|
92
|
-
if (!customValidity?.type) {
|
|
93
|
-
validityTarget?.setCustomValidity("");
|
|
94
|
-
setErrorMessage(validityTarget?.validationMessage);
|
|
95
|
-
setStatusMessage(void 0);
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
switch (customValidity.type) {
|
|
99
|
-
case "validating": {
|
|
100
|
-
validityTarget?.setCustomValidity("");
|
|
101
|
-
setErrorMessage(void 0);
|
|
102
|
-
setStatusMessage({
|
|
103
|
-
type: "validating",
|
|
104
|
-
message: customValidity.message
|
|
105
|
-
});
|
|
106
|
-
break;
|
|
107
|
-
}
|
|
108
|
-
case "valid": {
|
|
109
|
-
validityTarget?.setCustomValidity("");
|
|
110
|
-
setErrorMessage(validityTarget?.validationMessage);
|
|
111
|
-
setStatusMessage({
|
|
112
|
-
type: "valid",
|
|
113
|
-
message: customValidity.message
|
|
114
|
-
});
|
|
115
|
-
break;
|
|
116
|
-
}
|
|
117
|
-
case "invalid": {
|
|
118
|
-
validityTarget?.setCustomValidity(customValidity.message ?? "");
|
|
119
|
-
setErrorMessage(validityTarget?.validationMessage);
|
|
120
|
-
setStatusMessage(void 0);
|
|
121
|
-
break;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}, [customValidity, getValidityTarget]);
|
|
125
|
-
(0, import_element.useEffect)(() => {
|
|
126
|
-
if (!isTouched || showMessage) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
if (customValidity?.type === "validating") {
|
|
130
|
-
const timer = setTimeout(() => {
|
|
131
|
-
setShowMessage(true);
|
|
132
|
-
}, 1e3);
|
|
133
|
-
return () => clearTimeout(timer);
|
|
134
|
-
}
|
|
135
|
-
setShowMessage(true);
|
|
136
|
-
}, [isTouched, customValidity?.type, showMessage]);
|
|
137
|
-
const onBlur = (event) => {
|
|
138
|
-
if (isTouched) {
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
if (!event.relatedTarget || !event.currentTarget.contains(event.relatedTarget)) {
|
|
142
|
-
setIsTouched(true);
|
|
143
|
-
getValidityTarget()?.setAttribute(VALIDITY_VISIBLE_ATTRIBUTE, "");
|
|
144
|
-
}
|
|
145
|
-
};
|
|
146
|
-
const messageId = (0, import_element.useId)();
|
|
147
|
-
const message = (() => {
|
|
148
|
-
if (errorMessage) {
|
|
149
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_validity_indicator.ValidityIndicator, {
|
|
150
|
-
id: messageId,
|
|
151
|
-
type: "invalid",
|
|
152
|
-
message: errorMessage
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
if (statusMessage?.type) {
|
|
156
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_validity_indicator.ValidityIndicator, {
|
|
157
|
-
id: messageId,
|
|
158
|
-
type: statusMessage.type,
|
|
159
|
-
message: statusMessage.message
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
return null;
|
|
163
|
-
})();
|
|
164
|
-
const visibleMessage = showMessage ? message : null;
|
|
165
|
-
(0, import_element.useEffect)(() => {
|
|
166
|
-
const target = getValidityTarget();
|
|
167
|
-
if (!target) {
|
|
168
|
-
return;
|
|
169
|
-
}
|
|
170
|
-
function setDescribedBy(el, shouldAdd) {
|
|
171
|
-
const ids = (el.getAttribute("aria-describedby") ?? "").split(" ").filter((id) => id && id !== messageId);
|
|
172
|
-
if (shouldAdd) {
|
|
173
|
-
ids.push(messageId);
|
|
174
|
-
}
|
|
175
|
-
if (ids.length) {
|
|
176
|
-
el.setAttribute("aria-describedby", ids.join(" "));
|
|
177
|
-
} else {
|
|
178
|
-
el.removeAttribute("aria-describedby");
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
setDescribedBy(target, !!visibleMessage);
|
|
182
|
-
return () => setDescribedBy(target, false);
|
|
183
|
-
}, [visibleMessage, messageId, getValidityTarget]);
|
|
184
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
185
|
-
className,
|
|
186
|
-
ref: forwardedRef,
|
|
187
|
-
onBlur,
|
|
188
|
-
children: [(0, import_element.cloneElement)(children, {
|
|
189
|
-
label: appendRequiredIndicator(children.props.label, required, markWhenOptional),
|
|
190
|
-
required
|
|
191
|
-
}), visibleMessage]
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
var ControlWithError = (0, import_element.forwardRef)(UnforwardedControlWithError);
|
|
195
|
-
ControlWithError.displayName = "ControlWithError";
|
|
196
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
197
|
-
0 && (module.exports = {
|
|
198
|
-
ControlWithError
|
|
199
|
-
});
|
|
200
|
-
//# sourceMappingURL=control-with-error.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/validated-form-controls/control-with-error.tsx"],
|
|
4
|
-
"sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { cloneElement, forwardRef, useEffect, useId, useState } from '@wordpress/element';\nimport { ValidityIndicator } from './validity-indicator';\nimport { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nfunction appendRequiredIndicator(label, required, markWhenOptional) {\n let suffix;\n if (required && !markWhenOptional) {\n suffix = `(${__('Required')})`;\n } else if (!required && markWhenOptional) {\n suffix = `(${__('Optional')})`;\n }\n if (!suffix) {\n return label;\n }\n if (typeof label === 'string') {\n return `${label} ${suffix}`;\n }\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [label, \" \", suffix]\n });\n}\nconst VALIDITY_VISIBLE_ATTRIBUTE = 'data-validity-visible';\nconst className = 'components-validated-control';\n\n/**\n * HTML elements that support the Constraint Validation API.\n *\n * Here, we exclude HTMLButtonElement because although it does technically support the API,\n * normal buttons are actually exempted from any validation.\n * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate\n */\n\nfunction UnforwardedControlWithError({\n required,\n markWhenOptional,\n customValidity,\n getValidityTarget,\n children\n}, forwardedRef) {\n const [errorMessage, setErrorMessage] = useState();\n const [statusMessage, setStatusMessage] = useState();\n const [showMessage, setShowMessage] = useState(false);\n const [isTouched, setIsTouched] = useState(false);\n\n // Ensure that error messages are visible when an `invalid` event is triggered,\n // e.g. when a form is submitted or reportValidity() is called.\n useEffect(() => {\n const validityTarget = getValidityTarget();\n const handler = () => {\n setShowMessage(true);\n validityTarget?.setAttribute(VALIDITY_VISIBLE_ATTRIBUTE, '');\n };\n validityTarget?.addEventListener('invalid', handler);\n return () => validityTarget?.removeEventListener('invalid', handler);\n }, [getValidityTarget]);\n\n // Suppress the native error popover, while keeping the focus behavior intact.\n useEffect(() => {\n const validityTarget = getValidityTarget();\n const suppressNativePopover = event => {\n event.preventDefault();\n\n // Only trusted `invalid` events (a form submission or a\n // `reportValidity()` call) mirror the native focus behavior.\n // Consumers may dispatch a synthetic `invalid` event to reveal\n // this control's error message without disturbing the user's\n // place in the form, so it must not move focus.\n if (!event.isTrusted) {\n return;\n }\n const target = event.target;\n const firstErrorInForm = Array.from(target.form?.elements ?? []).find(el => !el.validity.valid);\n if (!target.form || firstErrorInForm === target) {\n target.focus();\n }\n };\n\n // Radio inputs need special handling because all radio inputs with the\n // same `name` will be marked as invalid. Without this handling, the last radio option\n // will be focused with an unsuppressed native popover.\n const radioSibilings = validityTarget?.type === 'radio' && validityTarget?.name ? Array.from(validityTarget?.closest(`.${className}`)?.querySelectorAll(`input[type=\"radio\"][name=\"${validityTarget?.name}\"]`) ?? []).filter(sibling => sibling !== validityTarget) : [];\n validityTarget?.addEventListener('invalid', suppressNativePopover);\n radioSibilings.forEach(sibling => sibling.addEventListener('invalid', suppressNativePopover));\n return () => {\n validityTarget?.removeEventListener('invalid', suppressNativePopover);\n radioSibilings.forEach(sibling => sibling.removeEventListener('invalid', suppressNativePopover));\n };\n }, [getValidityTarget]);\n\n // Handle validity messages.\n useEffect(() => {\n const validityTarget = getValidityTarget();\n if (!customValidity?.type) {\n validityTarget?.setCustomValidity('');\n setErrorMessage(validityTarget?.validationMessage);\n setStatusMessage(undefined);\n return;\n }\n switch (customValidity.type) {\n case 'validating':\n {\n validityTarget?.setCustomValidity('');\n setErrorMessage(undefined);\n setStatusMessage({\n type: 'validating',\n message: customValidity.message\n });\n break;\n }\n case 'valid':\n {\n validityTarget?.setCustomValidity('');\n setErrorMessage(validityTarget?.validationMessage);\n setStatusMessage({\n type: 'valid',\n message: customValidity.message\n });\n break;\n }\n case 'invalid':\n {\n validityTarget?.setCustomValidity(customValidity.message ?? '');\n setErrorMessage(validityTarget?.validationMessage);\n setStatusMessage(undefined);\n break;\n }\n }\n }, [customValidity, getValidityTarget]);\n\n // Show messages if field has been touched (i.e. has blurred at least once),\n // or validation has been triggered by the consumer/user.\n useEffect(() => {\n if (!isTouched || showMessage) {\n return;\n }\n if (customValidity?.type === 'validating') {\n // Don't show validating indicators for quick calls that take less than 1 sec.\n const timer = setTimeout(() => {\n setShowMessage(true);\n }, 1000);\n return () => clearTimeout(timer);\n }\n setShowMessage(true);\n }, [isTouched, customValidity?.type, showMessage]);\n\n // Mark blurred fields as touched.\n const onBlur = event => {\n if (isTouched) {\n return;\n }\n\n // Only consider \"blurred from the component\" if focus has fully left the wrapping div.\n // This prevents unnecessary blurs from components with multiple focusable elements.\n if (!event.relatedTarget || !event.currentTarget.contains(event.relatedTarget)) {\n setIsTouched(true);\n getValidityTarget()?.setAttribute(VALIDITY_VISIBLE_ATTRIBUTE, '');\n }\n };\n const messageId = useId();\n const message = (() => {\n if (errorMessage) {\n return /*#__PURE__*/_jsx(ValidityIndicator, {\n id: messageId,\n type: \"invalid\",\n message: errorMessage\n });\n }\n if (statusMessage?.type) {\n return /*#__PURE__*/_jsx(ValidityIndicator, {\n id: messageId,\n type: statusMessage.type,\n message: statusMessage.message\n });\n }\n return null;\n })();\n const visibleMessage = showMessage ? message : null;\n\n // Imperatively manage `aria-describedby` on the validity target so we\n // merge with any value the child control sets internally (e.g. from a\n // `help` prop), rather than competing with it at the props level.\n useEffect(() => {\n const target = getValidityTarget();\n if (!target) {\n return;\n }\n function setDescribedBy(el, shouldAdd) {\n const ids = (el.getAttribute('aria-describedby') ?? '').split(' ').filter(id => id && id !== messageId);\n if (shouldAdd) {\n ids.push(messageId);\n }\n if (ids.length) {\n el.setAttribute('aria-describedby', ids.join(' '));\n } else {\n el.removeAttribute('aria-describedby');\n }\n }\n setDescribedBy(target, !!visibleMessage);\n return () => setDescribedBy(target, false);\n }, [visibleMessage, messageId, getValidityTarget]);\n return /*#__PURE__*/_jsxs(\"div\", {\n className: className,\n ref: forwardedRef,\n onBlur: onBlur,\n children: [cloneElement(children, {\n label: appendRequiredIndicator(children.props.label, required, markWhenOptional),\n required\n }), visibleMessage]\n });\n}\nexport const ControlWithError = forwardRef(UnforwardedControlWithError);\nControlWithError.displayName = 'ControlWithError';"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;AACnB,qBAAqE;AACrE,gCAAkC;AAClC,yBAAkE;AAClE,SAAS,wBAAwB,OAAO,UAAU,kBAAkB;AAClE,MAAI;AACJ,MAAI,YAAY,CAAC,kBAAkB;AACjC,aAAS,QAAI,gBAAG,UAAU,CAAC;AAAA,EAC7B,WAAW,CAAC,YAAY,kBAAkB;AACxC,aAAS,QAAI,gBAAG,UAAU,CAAC;AAAA,EAC7B;AACA,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,GAAG,KAAK,IAAI,MAAM;AAAA,EAC3B;AACA,SAAoB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IACnC,UAAU,CAAC,OAAO,KAAK,MAAM;AAAA,EAC/B,CAAC;AACH;AACA,IAAM,6BAA6B;AACnC,IAAM,YAAY;AAWlB,SAAS,4BAA4B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,cAAc;AACf,QAAM,CAAC,cAAc,eAAe,QAAI,yBAAS;AACjD,QAAM,CAAC,eAAe,gBAAgB,QAAI,yBAAS;AACnD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,yBAAS,KAAK;AAIhD,gCAAU,MAAM;AACd,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,UAAU,MAAM;AACpB,qBAAe,IAAI;AACnB,sBAAgB,aAAa,4BAA4B,EAAE;AAAA,IAC7D;AACA,oBAAgB,iBAAiB,WAAW,OAAO;AACnD,WAAO,MAAM,gBAAgB,oBAAoB,WAAW,OAAO;AAAA,EACrE,GAAG,CAAC,iBAAiB,CAAC;AAGtB,gCAAU,MAAM;AACd,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,wBAAwB,WAAS;AACrC,YAAM,eAAe;AAOrB,UAAI,CAAC,MAAM,WAAW;AACpB;AAAA,MACF;AACA,YAAM,SAAS,MAAM;AACrB,YAAM,mBAAmB,MAAM,KAAK,OAAO,MAAM,YAAY,CAAC,CAAC,EAAE,KAAK,QAAM,CAAC,GAAG,SAAS,KAAK;AAC9F,UAAI,CAAC,OAAO,QAAQ,qBAAqB,QAAQ;AAC/C,eAAO,MAAM;AAAA,MACf;AAAA,IACF;AAKA,UAAM,iBAAiB,gBAAgB,SAAS,WAAW,gBAAgB,OAAO,MAAM,KAAK,gBAAgB,QAAQ,IAAI,SAAS,EAAE,GAAG,iBAAiB,6BAA6B,gBAAgB,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,OAAO,aAAW,YAAY,cAAc,IAAI,CAAC;AACvQ,oBAAgB,iBAAiB,WAAW,qBAAqB;AACjE,mBAAe,QAAQ,aAAW,QAAQ,iBAAiB,WAAW,qBAAqB,CAAC;AAC5F,WAAO,MAAM;AACX,sBAAgB,oBAAoB,WAAW,qBAAqB;AACpE,qBAAe,QAAQ,aAAW,QAAQ,oBAAoB,WAAW,qBAAqB,CAAC;AAAA,IACjG;AAAA,EACF,GAAG,CAAC,iBAAiB,CAAC;AAGtB,gCAAU,MAAM;AACd,UAAM,iBAAiB,kBAAkB;AACzC,QAAI,CAAC,gBAAgB,MAAM;AACzB,sBAAgB,kBAAkB,EAAE;AACpC,sBAAgB,gBAAgB,iBAAiB;AACjD,uBAAiB,MAAS;AAC1B;AAAA,IACF;AACA,YAAQ,eAAe,MAAM;AAAA,MAC3B,KAAK,cACH;AACE,wBAAgB,kBAAkB,EAAE;AACpC,wBAAgB,MAAS;AACzB,yBAAiB;AAAA,UACf,MAAM;AAAA,UACN,SAAS,eAAe;AAAA,QAC1B,CAAC;AACD;AAAA,MACF;AAAA,MACF,KAAK,SACH;AACE,wBAAgB,kBAAkB,EAAE;AACpC,wBAAgB,gBAAgB,iBAAiB;AACjD,yBAAiB;AAAA,UACf,MAAM;AAAA,UACN,SAAS,eAAe;AAAA,QAC1B,CAAC;AACD;AAAA,MACF;AAAA,MACF,KAAK,WACH;AACE,wBAAgB,kBAAkB,eAAe,WAAW,EAAE;AAC9D,wBAAgB,gBAAgB,iBAAiB;AACjD,yBAAiB,MAAS;AAC1B;AAAA,MACF;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAItC,gCAAU,MAAM;AACd,QAAI,CAAC,aAAa,aAAa;AAC7B;AAAA,IACF;AACA,QAAI,gBAAgB,SAAS,cAAc;AAEzC,YAAM,QAAQ,WAAW,MAAM;AAC7B,uBAAe,IAAI;AAAA,MACrB,GAAG,GAAI;AACP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AACA,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,WAAW,gBAAgB,MAAM,WAAW,CAAC;AAGjD,QAAM,SAAS,WAAS;AACtB,QAAI,WAAW;AACb;AAAA,IACF;AAIA,QAAI,CAAC,MAAM,iBAAiB,CAAC,MAAM,cAAc,SAAS,MAAM,aAAa,GAAG;AAC9E,mBAAa,IAAI;AACjB,wBAAkB,GAAG,aAAa,4BAA4B,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,gBAAY,sBAAM;AACxB,QAAM,WAAW,MAAM;AACrB,QAAI,cAAc;AAChB,aAAoB,uCAAAC,KAAK,6CAAmB;AAAA,QAC1C,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AACA,QAAI,eAAe,MAAM;AACvB,aAAoB,uCAAAA,KAAK,6CAAmB;AAAA,QAC1C,IAAI;AAAA,QACJ,MAAM,cAAc;AAAA,QACpB,SAAS,cAAc;AAAA,MACzB,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG;AACH,QAAM,iBAAiB,cAAc,UAAU;AAK/C,gCAAU,MAAM;AACd,UAAM,SAAS,kBAAkB;AACjC,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,aAAS,eAAe,IAAI,WAAW;AACrC,YAAM,OAAO,GAAG,aAAa,kBAAkB,KAAK,IAAI,MAAM,GAAG,EAAE,OAAO,QAAM,MAAM,OAAO,SAAS;AACtG,UAAI,WAAW;AACb,YAAI,KAAK,SAAS;AAAA,MACpB;AACA,UAAI,IAAI,QAAQ;AACd,WAAG,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,MACnD,OAAO;AACL,WAAG,gBAAgB,kBAAkB;AAAA,MACvC;AAAA,IACF;AACA,mBAAe,QAAQ,CAAC,CAAC,cAAc;AACvC,WAAO,MAAM,eAAe,QAAQ,KAAK;AAAA,EAC3C,GAAG,CAAC,gBAAgB,WAAW,iBAAiB,CAAC;AACjD,SAAoB,uCAAAF,MAAM,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,UAAU,KAAC,6BAAa,UAAU;AAAA,MAChC,OAAO,wBAAwB,SAAS,MAAM,OAAO,UAAU,gBAAgB;AAAA,MAC/E;AAAA,IACF,CAAC,GAAG,cAAc;AAAA,EACpB,CAAC;AACH;AACO,IAAM,uBAAmB,2BAAW,2BAA2B;AACtE,iBAAiB,cAAc;",
|
|
6
|
-
"names": ["_jsxs", "_Fragment", "_jsx"]
|
|
7
|
-
}
|