@wordpress/components 36.0.1 → 37.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 +80 -3
- package/CONTRIBUTING.md +6 -4
- package/build/angle-picker-control/index.cjs +0 -1
- package/build/angle-picker-control/index.cjs.map +2 -2
- package/build/autocomplete/index.cjs +3 -3
- package/build/autocomplete/index.cjs.map +3 -3
- package/build/border-box-control/border-box-control/component.cjs +4 -9
- package/build/border-box-control/border-box-control/component.cjs.map +2 -2
- package/build/border-box-control/border-box-control/hook.cjs +3 -10
- package/build/border-box-control/border-box-control/hook.cjs.map +2 -2
- package/build/border-box-control/border-box-control-linked-button/hook.cjs +2 -3
- package/build/border-box-control/border-box-control-linked-button/hook.cjs.map +2 -2
- package/build/border-box-control/border-box-control-split-controls/component.cjs +2 -6
- package/build/border-box-control/border-box-control-split-controls/component.cjs.map +2 -2
- package/build/border-box-control/border-box-control-split-controls/hook.cjs +2 -4
- package/build/border-box-control/border-box-control-split-controls/hook.cjs.map +2 -2
- package/build/border-box-control/border-box-control-visualizer/hook.cjs +2 -3
- package/build/border-box-control/border-box-control-visualizer/hook.cjs.map +2 -2
- package/build/border-box-control/styles.cjs +21 -18
- package/build/border-box-control/styles.cjs.map +2 -2
- package/build/border-control/border-control/component.cjs +3 -11
- package/build/border-control/border-control/component.cjs.map +2 -2
- package/build/border-control/border-control/hook.cjs +11 -21
- package/build/border-control/border-control/hook.cjs.map +3 -3
- package/build/border-control/border-control-dropdown/component.cjs +1 -2
- package/build/border-control/border-control-dropdown/component.cjs.map +2 -2
- package/build/border-control/border-control-dropdown/hook.cjs +2 -4
- package/build/border-control/border-control-dropdown/hook.cjs.map +2 -2
- package/build/border-control/border-control-style-picker/component.cjs +0 -1
- package/build/border-control/border-control-style-picker/component.cjs.map +2 -2
- package/build/border-control/styles.cjs +27 -15
- package/build/border-control/styles.cjs.map +2 -2
- package/build/box-control/box-input-control.cjs +0 -5
- package/build/box-control/box-input-control.cjs.map +2 -2
- package/build/card/card/hook.cjs +4 -1
- package/build/card/card/hook.cjs.map +2 -2
- package/build/card/card-footer/hook.cjs +12 -12
- package/build/card/card-footer/hook.cjs.map +2 -2
- package/build/card/card-header/hook.cjs +12 -12
- package/build/card/card-header/hook.cjs.map +2 -2
- package/build/card/styles.cjs +43 -13
- package/build/card/styles.cjs.map +2 -2
- package/build/color-palette/styles.cjs +1 -1
- package/build/color-palette/styles.cjs.map +2 -2
- package/build/color-picker/component.cjs.map +2 -2
- package/build/color-picker/hex-input.cjs +0 -1
- package/build/color-picker/hex-input.cjs.map +2 -2
- package/build/color-picker/input-with-slider.cjs +0 -2
- package/build/color-picker/input-with-slider.cjs.map +2 -2
- package/build/combobox-control/index.cjs +1 -10
- package/build/combobox-control/index.cjs.map +2 -2
- package/build/combobox-control/styles.cjs +1 -5
- package/build/combobox-control/styles.cjs.map +2 -2
- package/build/content-editable-control/docs-manifest.json +5 -0
- package/build/content-editable-control/index.cjs +171 -0
- package/build/content-editable-control/index.cjs.map +7 -0
- package/build/content-editable-control/types.cjs +19 -0
- package/build/content-editable-control/types.cjs.map +7 -0
- package/build/custom-gradient-picker/index.cjs +0 -1
- package/build/custom-gradient-picker/index.cjs.map +2 -2
- package/build/custom-select-control/index.cjs +4 -19
- package/build/custom-select-control/index.cjs.map +2 -2
- package/build/custom-select-control-v2/custom-select.cjs +0 -1
- package/build/custom-select-control-v2/custom-select.cjs.map +2 -2
- package/build/date-time/date-picker/styles.cjs +8 -8
- package/build/date-time/date-picker/styles.cjs.map +2 -2
- package/build/date-time/time-picker/index.cjs +0 -3
- package/build/date-time/time-picker/index.cjs.map +2 -2
- package/build/date-time/time-picker/time-input/index.cjs +0 -3
- package/build/date-time/time-picker/time-input/index.cjs.map +2 -2
- package/build/divider/component.cjs +1 -1
- package/build/divider/component.cjs.map +2 -2
- package/build/elevation/hook.cjs +6 -5
- package/build/elevation/hook.cjs.map +2 -2
- package/build/external-link/index.cjs +0 -3
- package/build/external-link/index.cjs.map +2 -2
- package/build/flex/flex/hook.cjs +97 -18
- package/build/flex/flex/hook.cjs.map +4 -4
- package/build/flex/flex-item/hook.cjs +94 -10
- package/build/flex/flex-item/hook.cjs.map +4 -4
- package/build/focal-point-picker/controls.cjs +0 -1
- package/build/focal-point-picker/controls.cjs.map +2 -2
- package/build/focal-point-picker/index.cjs +1 -0
- package/build/focal-point-picker/index.cjs.map +2 -2
- package/build/font-size-picker/font-size-picker-select.cjs +1 -6
- package/build/font-size-picker/font-size-picker-select.cjs.map +2 -2
- package/build/font-size-picker/font-size-picker-toggle-group.cjs +0 -5
- package/build/font-size-picker/font-size-picker-toggle-group.cjs.map +2 -2
- package/build/font-size-picker/index.cjs +1 -18
- package/build/font-size-picker/index.cjs.map +2 -2
- package/build/form-file-upload/index.cjs +7 -18
- package/build/form-file-upload/index.cjs.map +2 -2
- package/build/form-token-field/index.cjs +1 -11
- package/build/form-token-field/index.cjs.map +2 -2
- package/build/form-token-field/styles.cjs +1 -7
- package/build/form-token-field/styles.cjs.map +2 -2
- package/build/heading/hook.cjs +1 -1
- package/build/heading/hook.cjs.map +1 -1
- package/build/input-control/index.cjs +5 -14
- package/build/input-control/index.cjs.map +2 -2
- package/build/input-control/input-base.cjs +2 -6
- package/build/input-control/input-base.cjs.map +2 -2
- package/build/input-control/styles/input-control-styles.cjs +24 -30
- package/build/input-control/styles/input-control-styles.cjs.map +2 -2
- package/build/menu/group-label.cjs +2 -1
- package/build/menu/group-label.cjs.map +2 -2
- package/build/number-control/index.cjs +1 -11
- package/build/number-control/index.cjs.map +2 -2
- package/build/palette-edit/styles.cjs +9 -9
- package/build/palette-edit/styles.cjs.map +2 -2
- package/build/private-apis.cjs +3 -0
- package/build/private-apis.cjs.map +3 -3
- package/build/query-controls/author-select.cjs +1 -3
- package/build/query-controls/author-select.cjs.map +2 -2
- package/build/query-controls/category-select.cjs +1 -3
- package/build/query-controls/category-select.cjs.map +2 -2
- package/build/query-controls/index.cjs +0 -5
- package/build/query-controls/index.cjs.map +2 -2
- package/build/radio-group/radio.cjs +6 -14
- package/build/radio-group/radio.cjs.map +2 -2
- package/build/range-control/index.cjs +5 -15
- package/build/range-control/index.cjs.map +2 -2
- package/build/range-control/styles/range-control-styles.cjs +32 -30
- package/build/range-control/styles/range-control-styles.cjs.map +2 -2
- package/build/resizable-box/index.cjs.map +2 -2
- package/build/sandbox/index.cjs +73 -69
- package/build/sandbox/index.cjs.map +2 -2
- package/build/search-control/index.cjs +2 -2
- package/build/search-control/index.cjs.map +2 -2
- package/build/select-control/index.cjs +6 -15
- package/build/select-control/index.cjs.map +2 -2
- package/build/select-control/styles/select-control-styles.cjs +8 -16
- package/build/select-control/styles/select-control-styles.cjs.map +2 -2
- package/build/slot-fill/index.cjs.map +2 -2
- package/build/spacer/hook.cjs +150 -13
- package/build/spacer/hook.cjs.map +4 -4
- package/build/surface/hook.cjs +103 -16
- package/build/surface/hook.cjs.map +4 -4
- package/build/text/hook.cjs +11 -11
- package/build/text/hook.cjs.map +2 -2
- package/build/theme/index.cjs +119 -7
- package/build/theme/index.cjs.map +4 -4
- package/build/toggle-group-control/toggle-group-control/as-button-group.cjs +1 -3
- package/build/toggle-group-control/toggle-group-control/as-button-group.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control/as-radio-group.cjs +1 -3
- package/build/toggle-group-control/toggle-group-control/as-radio-group.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control/component.cjs +6 -16
- package/build/toggle-group-control/toggle-group-control/component.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control/styles.cjs +11 -37
- package/build/toggle-group-control/toggle-group-control/styles.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option/component.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option-base/component.cjs +3 -5
- package/build/toggle-group-control/toggle-group-control-option-base/component.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option-base/styles.cjs +14 -18
- package/build/toggle-group-control/toggle-group-control-option-base/styles.cjs.map +2 -2
- package/build/toggle-group-control/toggle-group-control-option-icon/component.cjs.map +1 -1
- package/build/tools-panel/styles.cjs +25 -16
- package/build/tools-panel/styles.cjs.map +2 -2
- package/build/tools-panel/tools-panel/component.cjs.map +2 -2
- package/build/tools-panel/tools-panel/hook.cjs +5 -3
- package/build/tools-panel/tools-panel/hook.cjs.map +2 -2
- package/build/tree-select/index.cjs +9 -20
- package/build/tree-select/index.cjs.map +2 -2
- package/build/truncate/hook.cjs +95 -9
- package/build/truncate/hook.cjs.map +4 -4
- package/build/unit-control/index.cjs +2 -12
- package/build/unit-control/index.cjs.map +2 -2
- package/build/utils/base-label.cjs +1 -1
- package/build/utils/base-label.cjs.map +2 -2
- package/build/utils/config-values.cjs +1 -9
- package/build/utils/config-values.cjs.map +2 -2
- package/build/utils/font-values.cjs +1 -1
- package/build/utils/font-values.cjs.map +1 -1
- package/build/utils/hooks/use-cx.cjs.map +2 -2
- package/build/utils/polymorphic-element.cjs +123 -0
- package/build/utils/polymorphic-element.cjs.map +7 -0
- package/build/validated-form-controls/components/combobox-control.cjs +0 -1
- package/build/validated-form-controls/components/combobox-control.cjs.map +2 -2
- package/build/validated-form-controls/components/content-editable-control.cjs +84 -0
- package/build/validated-form-controls/components/content-editable-control.cjs.map +7 -0
- package/build/validated-form-controls/components/custom-select-control.cjs +0 -1
- package/build/validated-form-controls/components/custom-select-control.cjs.map +2 -2
- package/build/validated-form-controls/components/form-token-field.cjs +0 -1
- package/build/validated-form-controls/components/form-token-field.cjs.map +2 -2
- package/build/validated-form-controls/components/index.cjs +2 -0
- package/build/validated-form-controls/components/index.cjs.map +2 -2
- package/build/validated-form-controls/components/input-control.cjs +0 -1
- package/build/validated-form-controls/components/input-control.cjs.map +2 -2
- package/build/validated-form-controls/components/number-control.cjs +0 -1
- package/build/validated-form-controls/components/number-control.cjs.map +2 -2
- package/build/validated-form-controls/components/range-control.cjs +0 -1
- package/build/validated-form-controls/components/range-control.cjs.map +2 -2
- package/build/validated-form-controls/components/select-control.cjs +0 -1
- package/build/validated-form-controls/components/select-control.cjs.map +2 -2
- package/build/validated-form-controls/components/toggle-group-control.cjs +0 -1
- package/build/validated-form-controls/components/toggle-group-control.cjs.map +2 -2
- package/build/validated-form-controls/control-with-error.cjs +1 -4
- package/build/validated-form-controls/control-with-error.cjs.map +2 -2
- package/build/view/component.cjs +4 -20
- package/build/view/component.cjs.map +3 -3
- package/build-module/angle-picker-control/index.mjs +0 -1
- package/build-module/angle-picker-control/index.mjs.map +2 -2
- package/build-module/autocomplete/index.mjs +5 -5
- package/build-module/autocomplete/index.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control/component.mjs +4 -9
- package/build-module/border-box-control/border-box-control/component.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control/hook.mjs +3 -10
- package/build-module/border-box-control/border-box-control/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs +2 -3
- package/build-module/border-box-control/border-box-control-linked-button/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-split-controls/component.mjs +2 -6
- package/build-module/border-box-control/border-box-control-split-controls/component.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs +2 -4
- package/build-module/border-box-control/border-box-control-split-controls/hook.mjs.map +2 -2
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs +2 -3
- package/build-module/border-box-control/border-box-control-visualizer/hook.mjs.map +2 -2
- package/build-module/border-box-control/styles.mjs +21 -18
- package/build-module/border-box-control/styles.mjs.map +2 -2
- package/build-module/border-control/border-control/component.mjs +3 -11
- package/build-module/border-control/border-control/component.mjs.map +2 -2
- package/build-module/border-control/border-control/hook.mjs +11 -21
- package/build-module/border-control/border-control/hook.mjs.map +3 -3
- package/build-module/border-control/border-control-dropdown/component.mjs +1 -2
- package/build-module/border-control/border-control-dropdown/component.mjs.map +2 -2
- package/build-module/border-control/border-control-dropdown/hook.mjs +2 -4
- package/build-module/border-control/border-control-dropdown/hook.mjs.map +2 -2
- package/build-module/border-control/border-control-style-picker/component.mjs +0 -1
- package/build-module/border-control/border-control-style-picker/component.mjs.map +2 -2
- package/build-module/border-control/styles.mjs +26 -15
- package/build-module/border-control/styles.mjs.map +2 -2
- package/build-module/box-control/box-input-control.mjs +0 -5
- package/build-module/box-control/box-input-control.mjs.map +2 -2
- package/build-module/card/card/hook.mjs +4 -1
- package/build-module/card/card/hook.mjs.map +2 -2
- package/build-module/card/card-footer/hook.mjs +12 -12
- package/build-module/card/card-footer/hook.mjs.map +2 -2
- package/build-module/card/card-header/hook.mjs +12 -12
- package/build-module/card/card-header/hook.mjs.map +2 -2
- package/build-module/card/styles.mjs +40 -13
- package/build-module/card/styles.mjs.map +2 -2
- package/build-module/color-palette/styles.mjs +1 -1
- package/build-module/color-palette/styles.mjs.map +2 -2
- package/build-module/color-picker/component.mjs.map +2 -2
- package/build-module/color-picker/hex-input.mjs +0 -1
- package/build-module/color-picker/hex-input.mjs.map +2 -2
- package/build-module/color-picker/input-with-slider.mjs +0 -2
- package/build-module/color-picker/input-with-slider.mjs.map +2 -2
- package/build-module/combobox-control/index.mjs +1 -10
- package/build-module/combobox-control/index.mjs.map +2 -2
- package/build-module/combobox-control/styles.mjs +1 -5
- package/build-module/combobox-control/styles.mjs.map +2 -2
- package/build-module/content-editable-control/docs-manifest.json +5 -0
- package/build-module/content-editable-control/index.mjs +136 -0
- package/build-module/content-editable-control/index.mjs.map +7 -0
- package/build-module/content-editable-control/types.mjs +1 -0
- package/build-module/content-editable-control/types.mjs.map +7 -0
- package/build-module/custom-gradient-picker/index.mjs +0 -1
- package/build-module/custom-gradient-picker/index.mjs.map +2 -2
- package/build-module/custom-select-control/index.mjs +4 -19
- package/build-module/custom-select-control/index.mjs.map +2 -2
- package/build-module/custom-select-control-v2/custom-select.mjs +0 -1
- package/build-module/custom-select-control-v2/custom-select.mjs.map +2 -2
- package/build-module/date-time/date-picker/styles.mjs +8 -8
- package/build-module/date-time/date-picker/styles.mjs.map +2 -2
- package/build-module/date-time/time-picker/index.mjs +0 -3
- package/build-module/date-time/time-picker/index.mjs.map +2 -2
- package/build-module/date-time/time-picker/time-input/index.mjs +0 -3
- package/build-module/date-time/time-picker/time-input/index.mjs.map +2 -2
- package/build-module/divider/component.mjs +1 -1
- package/build-module/divider/component.mjs.map +2 -2
- package/build-module/elevation/hook.mjs +6 -5
- package/build-module/elevation/hook.mjs.map +2 -2
- package/build-module/external-link/index.mjs +0 -3
- package/build-module/external-link/index.mjs.map +2 -2
- package/build-module/flex/flex/hook.mjs +97 -18
- package/build-module/flex/flex/hook.mjs.map +3 -3
- package/build-module/flex/flex-item/hook.mjs +94 -10
- package/build-module/flex/flex-item/hook.mjs.map +3 -3
- package/build-module/focal-point-picker/controls.mjs +0 -1
- package/build-module/focal-point-picker/controls.mjs.map +2 -2
- package/build-module/focal-point-picker/index.mjs +1 -0
- package/build-module/focal-point-picker/index.mjs.map +2 -2
- package/build-module/font-size-picker/font-size-picker-select.mjs +1 -6
- package/build-module/font-size-picker/font-size-picker-select.mjs.map +2 -2
- package/build-module/font-size-picker/font-size-picker-toggle-group.mjs +0 -5
- package/build-module/font-size-picker/font-size-picker-toggle-group.mjs.map +2 -2
- package/build-module/font-size-picker/index.mjs +1 -18
- package/build-module/font-size-picker/index.mjs.map +2 -2
- package/build-module/form-file-upload/index.mjs +7 -18
- package/build-module/form-file-upload/index.mjs.map +2 -2
- package/build-module/form-token-field/index.mjs +1 -11
- package/build-module/form-token-field/index.mjs.map +2 -2
- package/build-module/form-token-field/styles.mjs +1 -7
- package/build-module/form-token-field/styles.mjs.map +2 -2
- package/build-module/heading/hook.mjs +1 -1
- package/build-module/heading/hook.mjs.map +1 -1
- package/build-module/input-control/index.mjs +5 -14
- package/build-module/input-control/index.mjs.map +2 -2
- package/build-module/input-control/input-base.mjs +2 -6
- package/build-module/input-control/input-base.mjs.map +2 -2
- package/build-module/input-control/styles/input-control-styles.mjs +24 -30
- package/build-module/input-control/styles/input-control-styles.mjs.map +2 -2
- package/build-module/menu/group-label.mjs +2 -1
- package/build-module/menu/group-label.mjs.map +2 -2
- package/build-module/number-control/index.mjs +1 -11
- package/build-module/number-control/index.mjs.map +2 -2
- package/build-module/palette-edit/styles.mjs +9 -9
- package/build-module/palette-edit/styles.mjs.map +2 -2
- package/build-module/private-apis.mjs +4 -1
- package/build-module/private-apis.mjs.map +2 -2
- package/build-module/query-controls/author-select.mjs +1 -3
- package/build-module/query-controls/author-select.mjs.map +2 -2
- package/build-module/query-controls/category-select.mjs +1 -3
- package/build-module/query-controls/category-select.mjs.map +2 -2
- package/build-module/query-controls/index.mjs +0 -5
- package/build-module/query-controls/index.mjs.map +2 -2
- package/build-module/radio-group/radio.mjs +6 -14
- package/build-module/radio-group/radio.mjs.map +2 -2
- package/build-module/range-control/index.mjs +5 -15
- package/build-module/range-control/index.mjs.map +2 -2
- package/build-module/range-control/styles/range-control-styles.mjs +32 -30
- package/build-module/range-control/styles/range-control-styles.mjs.map +2 -2
- package/build-module/resizable-box/index.mjs.map +2 -2
- package/build-module/sandbox/index.mjs +71 -68
- package/build-module/sandbox/index.mjs.map +2 -2
- package/build-module/search-control/index.mjs +2 -2
- package/build-module/search-control/index.mjs.map +2 -2
- package/build-module/select-control/index.mjs +6 -15
- package/build-module/select-control/index.mjs.map +2 -2
- package/build-module/select-control/styles/select-control-styles.mjs +8 -16
- package/build-module/select-control/styles/select-control-styles.mjs.map +2 -2
- package/build-module/slot-fill/index.mjs.map +2 -2
- package/build-module/spacer/hook.mjs +140 -13
- package/build-module/spacer/hook.mjs.map +3 -3
- package/build-module/surface/hook.mjs +103 -16
- package/build-module/surface/hook.mjs.map +3 -3
- package/build-module/text/hook.mjs +11 -11
- package/build-module/text/hook.mjs.map +2 -2
- package/build-module/theme/index.mjs +109 -7
- package/build-module/theme/index.mjs.map +3 -3
- package/build-module/toggle-group-control/toggle-group-control/as-button-group.mjs +1 -3
- package/build-module/toggle-group-control/toggle-group-control/as-button-group.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control/as-radio-group.mjs +1 -3
- package/build-module/toggle-group-control/toggle-group-control/as-radio-group.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control/component.mjs +6 -16
- package/build-module/toggle-group-control/toggle-group-control/component.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control/styles.mjs +10 -35
- package/build-module/toggle-group-control/toggle-group-control/styles.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option/component.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.mjs +3 -5
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.mjs +14 -18
- package/build-module/toggle-group-control/toggle-group-control-option-base/styles.mjs.map +2 -2
- package/build-module/toggle-group-control/toggle-group-control-option-icon/component.mjs.map +1 -1
- package/build-module/tools-panel/styles.mjs +23 -15
- package/build-module/tools-panel/styles.mjs.map +2 -2
- package/build-module/tools-panel/tools-panel/component.mjs.map +2 -2
- package/build-module/tools-panel/tools-panel/hook.mjs +5 -3
- package/build-module/tools-panel/tools-panel/hook.mjs.map +2 -2
- package/build-module/tree-select/index.mjs +9 -20
- package/build-module/tree-select/index.mjs.map +2 -2
- package/build-module/truncate/hook.mjs +95 -9
- package/build-module/truncate/hook.mjs.map +3 -3
- package/build-module/unit-control/index.mjs +2 -12
- package/build-module/unit-control/index.mjs.map +2 -2
- package/build-module/utils/base-label.mjs +1 -1
- package/build-module/utils/base-label.mjs.map +2 -2
- package/build-module/utils/config-values.mjs +1 -9
- package/build-module/utils/config-values.mjs.map +2 -2
- package/build-module/utils/font-values.mjs +1 -1
- package/build-module/utils/font-values.mjs.map +1 -1
- package/build-module/utils/hooks/use-cx.mjs.map +2 -2
- package/build-module/utils/polymorphic-element.mjs +98 -0
- package/build-module/utils/polymorphic-element.mjs.map +7 -0
- package/build-module/validated-form-controls/components/combobox-control.mjs +0 -1
- package/build-module/validated-form-controls/components/combobox-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/content-editable-control.mjs +49 -0
- package/build-module/validated-form-controls/components/content-editable-control.mjs.map +7 -0
- package/build-module/validated-form-controls/components/custom-select-control.mjs +0 -1
- package/build-module/validated-form-controls/components/custom-select-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/form-token-field.mjs +0 -1
- package/build-module/validated-form-controls/components/form-token-field.mjs.map +2 -2
- package/build-module/validated-form-controls/components/index.mjs +1 -0
- package/build-module/validated-form-controls/components/index.mjs.map +2 -2
- package/build-module/validated-form-controls/components/input-control.mjs +0 -1
- package/build-module/validated-form-controls/components/input-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/number-control.mjs +0 -1
- package/build-module/validated-form-controls/components/number-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/range-control.mjs +0 -1
- package/build-module/validated-form-controls/components/range-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/select-control.mjs +0 -1
- package/build-module/validated-form-controls/components/select-control.mjs.map +2 -2
- package/build-module/validated-form-controls/components/toggle-group-control.mjs +0 -1
- package/build-module/validated-form-controls/components/toggle-group-control.mjs.map +2 -2
- package/build-module/validated-form-controls/control-with-error.mjs +1 -4
- package/build-module/validated-form-controls/control-with-error.mjs.map +2 -2
- package/build-module/view/component.mjs +4 -10
- package/build-module/view/component.mjs.map +2 -2
- package/build-style/style-rtl.css +67 -91
- package/build-style/style.css +67 -91
- package/build-types/angle-picker-control/index.d.ts.map +1 -1
- package/build-types/autocomplete/autocompleter-ui.d.ts +1 -1
- package/build-types/autocomplete/autocompleter-ui.d.ts.map +1 -1
- package/build-types/autocomplete/index.d.ts +1 -1
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/component.d.ts +2 -2
- package/build-types/border-box-control/border-box-control/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control/hook.d.ts +0 -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/component.d.ts +2 -4
- package/build-types/border-box-control/border-box-control-linked-button/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/component.d.ts +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +0 -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/component.d.ts +2 -3
- package/build-types/border-box-control/border-box-control-visualizer/component.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
- package/build-types/border-box-control/stories/index.story.d.ts +2 -1
- package/build-types/border-box-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-box-control/styles.d.ts +3 -3
- package/build-types/border-box-control/styles.d.ts.map +1 -1
- package/build-types/border-box-control/types.d.ts +13 -5
- package/build-types/border-box-control/types.d.ts.map +1 -1
- package/build-types/border-control/border-control/component.d.ts +0 -2
- package/build-types/border-control/border-control/component.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +0 -2
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +0 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-style-picker/component.d.ts.map +1 -1
- package/build-types/border-control/stories/index.story.d.ts +5 -10
- package/build-types/border-control/stories/index.story.d.ts.map +1 -1
- package/build-types/border-control/styles.d.ts +5 -2
- package/build-types/border-control/styles.d.ts.map +1 -1
- package/build-types/border-control/types.d.ts +5 -10
- package/build-types/border-control/types.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 +1 -1
- package/build-types/box-control/index.d.ts.map +1 -1
- package/build-types/box-control/styles/box-control-styles.d.ts +2 -1
- package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
- package/build-types/button/stories/e2e/index.story.d.ts.map +1 -1
- package/build-types/calendar/date-range-calendar/index.d.ts +1 -1
- package/build-types/calendar/date-range-calendar/index.d.ts.map +1 -1
- package/build-types/calendar/utils/use-localization-props.d.ts +6 -2
- package/build-types/calendar/utils/use-localization-props.d.ts.map +1 -1
- package/build-types/card/card/hook.d.ts +1 -1
- package/build-types/card/card/hook.d.ts.map +1 -1
- package/build-types/card/card-footer/hook.d.ts.map +1 -1
- package/build-types/card/card-header/hook.d.ts.map +1 -1
- package/build-types/card/styles.d.ts +4 -0
- package/build-types/card/styles.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker-actions.d.ts +1 -1
- package/build-types/circular-option-picker/circular-option-picker-actions.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker.d.ts +8 -13
- package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
- package/build-types/color-picker/component.d.ts +4 -0
- package/build-types/color-picker/component.d.ts.map +1 -1
- package/build-types/color-picker/hex-input.d.ts.map +1 -1
- package/build-types/color-picker/input-with-slider.d.ts.map +1 -1
- package/build-types/color-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +2 -1
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/combobox-control/index.d.ts +0 -1
- package/build-types/combobox-control/index.d.ts.map +1 -1
- package/build-types/combobox-control/stories/index.story.d.ts.map +1 -1
- package/build-types/combobox-control/styles.d.ts +1 -2
- package/build-types/combobox-control/styles.d.ts.map +1 -1
- package/build-types/combobox-control/types.d.ts +2 -1
- package/build-types/combobox-control/types.d.ts.map +1 -1
- package/build-types/composite/legacy/stories/utils.d.ts.map +1 -1
- package/build-types/content-editable-control/index.d.ts +31 -0
- package/build-types/content-editable-control/index.d.ts.map +1 -0
- package/build-types/content-editable-control/stories/index.story.d.ts +13 -0
- package/build-types/content-editable-control/stories/index.story.d.ts.map +1 -0
- package/build-types/content-editable-control/test/index.d.ts +2 -0
- package/build-types/content-editable-control/test/index.d.ts.map +1 -0
- package/build-types/content-editable-control/types.d.ts +32 -0
- package/build-types/content-editable-control/types.d.ts.map +1 -0
- package/build-types/context/context-system-provider.d.ts +21 -2
- package/build-types/context/context-system-provider.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts +3 -2
- 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/index.d.ts +1 -1
- package/build-types/custom-gradient-picker/index.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/serializer.d.ts +3 -3
- package/build-types/custom-gradient-picker/serializer.d.ts.map +1 -1
- package/build-types/custom-select-control/index.d.ts +5 -0
- package/build-types/custom-select-control/index.d.ts.map +1 -1
- package/build-types/custom-select-control/stories/index.story.d.ts.map +1 -1
- package/build-types/custom-select-control/types.d.ts +2 -1
- package/build-types/custom-select-control/types.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/index.d.ts +2 -1
- package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/item.d.ts.map +1 -1
- package/build-types/date-time/date-picker/index.d.ts +1 -1
- package/build-types/date-time/date-picker/index.d.ts.map +1 -1
- package/build-types/date-time/time-picker/index.d.ts +3 -2
- package/build-types/date-time/time-picker/index.d.ts.map +1 -1
- package/build-types/date-time/time-picker/styles.d.ts +8 -4
- package/build-types/date-time/time-picker/styles.d.ts.map +1 -1
- package/build-types/date-time/time-picker/time-input/index.d.ts +1 -1
- package/build-types/date-time/time-picker/time-input/index.d.ts.map +1 -1
- package/build-types/disabled/index.d.ts +4 -4
- package/build-types/disabled/index.d.ts.map +1 -1
- package/build-types/disabled/stories/index.story.d.ts.map +1 -1
- package/build-types/draggable/index.d.ts +1 -1
- package/build-types/draggable/index.d.ts.map +1 -1
- package/build-types/drop-zone/provider.d.ts +1 -1
- package/build-types/drop-zone/provider.d.ts.map +1 -1
- package/build-types/duotone-picker/color-list-picker/index.d.ts +1 -1
- package/build-types/duotone-picker/color-list-picker/index.d.ts.map +1 -1
- package/build-types/duotone-picker/custom-duotone-bar.d.ts +1 -1
- package/build-types/duotone-picker/custom-duotone-bar.d.ts.map +1 -1
- package/build-types/elevation/hook.d.ts.map +1 -1
- package/build-types/external-link/index.d.ts.map +1 -1
- package/build-types/flex/flex/hook.d.ts +864 -4
- package/build-types/flex/flex/hook.d.ts.map +1 -1
- package/build-types/flex/flex-block/hook.d.ts +860 -1
- package/build-types/flex/flex-block/hook.d.ts.map +1 -1
- package/build-types/flex/flex-item/hook.d.ts +860 -4
- package/build-types/flex/flex-item/hook.d.ts.map +1 -1
- package/build-types/focal-point-picker/controls.d.ts +1 -1
- package/build-types/focal-point-picker/controls.d.ts.map +1 -1
- package/build-types/focal-point-picker/index.d.ts +1 -1
- package/build-types/focal-point-picker/index.d.ts.map +1 -1
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +252 -1
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts.map +1 -1
- package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -1
- package/build-types/font-size-picker/font-size-picker-toggle-group.d.ts.map +1 -1
- package/build-types/font-size-picker/index.d.ts.map +1 -1
- package/build-types/font-size-picker/stories/e2e/index.story.d.ts.map +1 -1
- package/build-types/font-size-picker/stories/index.story.d.ts.map +1 -1
- package/build-types/font-size-picker/types.d.ts +6 -5
- package/build-types/font-size-picker/types.d.ts.map +1 -1
- package/build-types/form-file-upload/index.d.ts +1 -2
- package/build-types/form-file-upload/index.d.ts.map +1 -1
- package/build-types/form-file-upload/stories/index.story.d.ts.map +1 -1
- package/build-types/form-file-upload/types.d.ts +2 -2
- package/build-types/form-file-upload/types.d.ts.map +1 -1
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/form-token-field/stories/index.story.d.ts.map +1 -1
- package/build-types/form-token-field/styles.d.ts +1 -6
- package/build-types/form-token-field/styles.d.ts.map +1 -1
- package/build-types/form-token-field/suggestions-list.d.ts +1 -1
- package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
- package/build-types/form-token-field/token.d.ts +1 -1
- package/build-types/form-token-field/token.d.ts.map +1 -1
- package/build-types/form-token-field/types.d.ts +2 -1
- package/build-types/form-token-field/types.d.ts.map +1 -1
- package/build-types/guide/index.d.ts +1 -1
- package/build-types/guide/index.d.ts.map +1 -1
- package/build-types/guide/page-control.d.ts +1 -1
- package/build-types/guide/page-control.d.ts.map +1 -1
- package/build-types/h-stack/hook.d.ts +864 -1
- package/build-types/h-stack/hook.d.ts.map +1 -1
- package/build-types/heading/hook.d.ts +1 -1
- package/build-types/higher-order/with-fallback-styles/index.d.ts +3 -3
- package/build-types/higher-order/with-fallback-styles/index.d.ts.map +1 -1
- package/build-types/input-control/index.d.ts +0 -1
- package/build-types/input-control/index.d.ts.map +1 -1
- package/build-types/input-control/input-base.d.ts.map +1 -1
- package/build-types/input-control/stories/index.story.d.ts.map +1 -1
- package/build-types/input-control/styles/input-control-styles.d.ts +1 -2
- package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
- package/build-types/input-control/types.d.ts +21 -28
- package/build-types/input-control/types.d.ts.map +1 -1
- package/build-types/keyboard-shortcuts/index.d.ts +1 -1
- package/build-types/keyboard-shortcuts/index.d.ts.map +1 -1
- package/build-types/menu/group-label.d.ts.map +1 -1
- package/build-types/menu-items-choice/index.d.ts +1 -1
- package/build-types/menu-items-choice/index.d.ts.map +1 -1
- package/build-types/modal/stories/index.story.d.ts.map +1 -1
- package/build-types/navigator/navigator-screen/use-screen-animate-presence.d.ts +1 -1
- package/build-types/navigator/navigator-screen/use-screen-animate-presence.d.ts.map +1 -1
- package/build-types/navigator/stories/index.story.d.ts.map +1 -1
- package/build-types/notice/index.d.ts +1 -1
- package/build-types/notice/index.d.ts.map +1 -1
- package/build-types/notice/list.d.ts +1 -1
- package/build-types/notice/list.d.ts.map +1 -1
- package/build-types/number-control/index.d.ts +6 -1
- package/build-types/number-control/index.d.ts.map +1 -1
- package/build-types/number-control/stories/index.story.d.ts +2 -1
- package/build-types/number-control/stories/index.story.d.ts.map +1 -1
- package/build-types/number-control/types.d.ts +8 -1
- package/build-types/number-control/types.d.ts.map +1 -1
- package/build-types/palette-edit/index.d.ts +1 -1
- package/build-types/palette-edit/index.d.ts.map +1 -1
- package/build-types/palette-edit/styles.d.ts +750 -0
- package/build-types/palette-edit/styles.d.ts.map +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/query-controls/author-select.d.ts +1 -1
- package/build-types/query-controls/author-select.d.ts.map +1 -1
- package/build-types/query-controls/category-select.d.ts +1 -1
- package/build-types/query-controls/category-select.d.ts.map +1 -1
- package/build-types/query-controls/index.d.ts.map +1 -1
- package/build-types/query-controls/types.d.ts +0 -2
- package/build-types/query-controls/types.d.ts.map +1 -1
- package/build-types/radio-group/radio.d.ts +2 -4
- package/build-types/radio-group/radio.d.ts.map +1 -1
- package/build-types/radio-group/stories/index.story.d.ts.map +1 -1
- package/build-types/radio-group/types.d.ts +8 -5
- package/build-types/radio-group/types.d.ts.map +1 -1
- package/build-types/range-control/index.d.ts +0 -1
- package/build-types/range-control/index.d.ts.map +1 -1
- package/build-types/range-control/stories/index.story.d.ts.map +1 -1
- package/build-types/range-control/styles/range-control-styles.d.ts +4 -5
- package/build-types/range-control/styles/range-control-styles.d.ts.map +1 -1
- package/build-types/range-control/types.d.ts +3 -1
- package/build-types/range-control/types.d.ts.map +1 -1
- package/build-types/resizable-box/index.d.ts +4 -0
- package/build-types/resizable-box/index.d.ts.map +1 -1
- package/build-types/resizable-box/resize-tooltip/utils.d.ts +1 -1
- package/build-types/resizable-box/resize-tooltip/utils.d.ts.map +1 -1
- package/build-types/responsive-wrapper/index.d.ts +1 -1
- package/build-types/responsive-wrapper/index.d.ts.map +1 -1
- package/build-types/sandbox/index.d.ts +34 -0
- package/build-types/sandbox/index.d.ts.map +1 -1
- package/build-types/search-control/index.d.ts.map +1 -1
- package/build-types/select-control/index.d.ts +0 -1
- package/build-types/select-control/index.d.ts.map +1 -1
- package/build-types/select-control/stories/index.story.d.ts.map +1 -1
- package/build-types/select-control/styles/select-control-styles.d.ts +1 -1
- package/build-types/select-control/styles/select-control-styles.d.ts.map +1 -1
- package/build-types/select-control/types.d.ts +23 -1
- package/build-types/select-control/types.d.ts.map +1 -1
- package/build-types/slot-fill/index.d.ts +6 -1
- package/build-types/slot-fill/index.d.ts.map +1 -1
- package/build-types/snackbar/list.d.ts +1 -1
- package/build-types/snackbar/list.d.ts.map +1 -1
- package/build-types/spacer/hook.d.ts +2 -4
- package/build-types/spacer/hook.d.ts.map +1 -1
- package/build-types/spacer/stories/index.story.d.ts +1 -6
- package/build-types/spacer/stories/index.story.d.ts.map +1 -1
- package/build-types/surface/hook.d.ts +1 -1
- package/build-types/surface/hook.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +2 -2
- package/build-types/text/hook.d.ts.map +1 -1
- package/build-types/text/types.d.ts +4 -4
- package/build-types/text/types.d.ts.map +1 -1
- package/build-types/text/utils.d.ts +1 -1
- package/build-types/text/utils.d.ts.map +1 -1
- package/build-types/theme/index.d.ts +1 -4
- package/build-types/theme/index.d.ts.map +1 -1
- package/build-types/toggle-group-control/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/component.d.ts +0 -1
- package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts +1 -4
- package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts +0 -1
- package/build-types/toggle-group-control/toggle-group-control-option/component.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-icon/component.d.ts +1 -1
- package/build-types/toggle-group-control/types.d.ts +5 -4
- package/build-types/toggle-group-control/types.d.ts.map +1 -1
- package/build-types/tools-panel/stories/index.story.d.ts.map +1 -1
- package/build-types/tools-panel/styles.d.ts +5 -0
- package/build-types/tools-panel/styles.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/component.d.ts +0 -2
- package/build-types/tools-panel/tools-panel/component.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
- package/build-types/tree-grid/roving-tab-index.d.ts +1 -1
- package/build-types/tree-grid/roving-tab-index.d.ts.map +1 -1
- package/build-types/tree-grid/stories/index.story.d.ts.map +1 -1
- package/build-types/tree-select/index.d.ts +0 -1
- package/build-types/tree-select/index.d.ts.map +1 -1
- package/build-types/tree-select/stories/index.story.d.ts.map +1 -1
- package/build-types/tree-select/types.d.ts +8 -1
- package/build-types/tree-select/types.d.ts.map +1 -1
- package/build-types/truncate/hook.d.ts +1 -1
- package/build-types/truncate/hook.d.ts.map +1 -1
- package/build-types/unit-control/index.d.ts +3 -2
- package/build-types/unit-control/index.d.ts.map +1 -1
- package/build-types/unit-control/stories/index.story.d.ts.map +1 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts +2 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts.map +1 -1
- package/build-types/unit-control/types.d.ts +8 -1
- package/build-types/unit-control/types.d.ts.map +1 -1
- package/build-types/utils/config-values.d.ts +1 -8
- package/build-types/utils/hooks/use-animated-offset-rect.d.ts +1 -1
- package/build-types/utils/hooks/use-animated-offset-rect.d.ts.map +1 -1
- package/build-types/utils/hooks/use-controlled-state.d.ts +6 -0
- package/build-types/utils/hooks/use-controlled-state.d.ts.map +1 -1
- package/build-types/utils/hooks/use-controlled-value.d.ts +1 -1
- package/build-types/utils/hooks/use-controlled-value.d.ts.map +1 -1
- package/build-types/utils/hooks/use-cx.d.ts +4 -0
- package/build-types/utils/hooks/use-cx.d.ts.map +1 -1
- package/build-types/utils/polymorphic-element.d.ts +17 -0
- package/build-types/utils/polymorphic-element.d.ts.map +1 -0
- package/build-types/utils/rtl.d.ts.map +1 -1
- package/build-types/utils/test/polymorphic-element.d.ts +2 -0
- package/build-types/utils/test/polymorphic-element.d.ts.map +1 -0
- package/build-types/v-stack/hook.d.ts +864 -1
- package/build-types/v-stack/hook.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/combobox-control.d.ts +1 -1
- package/build-types/validated-form-controls/components/content-editable-control.d.ts +16 -0
- package/build-types/validated-form-controls/components/content-editable-control.d.ts.map +1 -0
- package/build-types/validated-form-controls/components/custom-select-control.d.ts +1 -1
- package/build-types/validated-form-controls/components/custom-select-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/form-token-field.d.ts +1 -1
- package/build-types/validated-form-controls/components/form-token-field.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/index.d.ts +1 -0
- package/build-types/validated-form-controls/components/index.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/input-control.d.ts +1 -1
- package/build-types/validated-form-controls/components/input-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/number-control.d.ts +3 -2
- package/build-types/validated-form-controls/components/number-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/range-control.d.ts +2 -2
- package/build-types/validated-form-controls/components/range-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/select-control.d.ts +1 -1
- package/build-types/validated-form-controls/components/select-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/stories/content-editable-control.story.d.ts +9 -0
- package/build-types/validated-form-controls/components/stories/content-editable-control.story.d.ts.map +1 -0
- package/build-types/validated-form-controls/components/toggle-group-control.d.ts +2 -2
- package/build-types/validated-form-controls/components/toggle-group-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/test/content-editable-control.d.ts +2 -0
- package/build-types/validated-form-controls/test/content-editable-control.d.ts.map +1 -0
- package/build-types/validated-form-controls/validity-indicator.d.ts +1 -1
- package/build-types/validated-form-controls/validity-indicator.d.ts.map +1 -1
- package/build-types/view/component.d.ts +1125 -0
- package/build-types/view/component.d.ts.map +1 -1
- package/package.json +27 -27
- package/src/angle-picker-control/index.tsx +0 -1
- package/src/autocomplete/index.tsx +4 -8
- package/src/autocomplete/style.scss +1 -0
- package/src/badge/stories/index.story.tsx +1 -1
- package/src/base-control/stories/index.story.tsx +1 -1
- package/src/border-box-control/border-box-control/README.md +0 -16
- package/src/border-box-control/border-box-control/component.tsx +1 -9
- package/src/border-box-control/border-box-control/hook.ts +3 -13
- package/src/border-box-control/border-box-control-linked-button/hook.ts +6 -7
- package/src/border-box-control/border-box-control-split-controls/component.tsx +1 -12
- package/src/border-box-control/border-box-control-split-controls/hook.ts +2 -4
- package/src/border-box-control/border-box-control-visualizer/hook.ts +6 -11
- package/src/border-box-control/stories/index.story.tsx +0 -2
- package/src/border-box-control/styles.ts +28 -36
- package/src/border-box-control/test/index.tsx +1 -3
- package/src/border-box-control/types.ts +13 -5
- package/src/border-control/border-control/README.md +0 -15
- package/src/border-control/border-control/component.tsx +0 -9
- package/src/border-control/border-control/hook.ts +10 -22
- package/src/border-control/border-control-dropdown/component.tsx +1 -2
- package/src/border-control/border-control-dropdown/hook.ts +2 -4
- package/src/border-control/border-control-style-picker/component.tsx +0 -1
- package/src/border-control/stories/index.story.tsx +0 -2
- package/src/border-control/styles.ts +11 -12
- package/src/border-control/test/index.js +32 -1
- package/src/border-control/types.ts +5 -10
- package/src/box-control/box-input-control.tsx +0 -5
- package/src/button/stories/e2e/index.story.tsx +10 -2
- package/src/button/stories/index.story.tsx +1 -1
- package/src/button/style.scss +42 -83
- package/src/button-group/style.scss +1 -6
- package/src/calendar/style.scss +1 -1
- package/src/card/card/hook.ts +4 -3
- package/src/card/card-footer/hook.ts +12 -16
- package/src/card/card-header/hook.ts +12 -16
- package/src/card/stories/index.story.tsx +1 -1
- package/src/card/styles.ts +49 -0
- package/src/card/test/__snapshots__/index.tsx.snap +94 -139
- package/src/card/test/index.tsx +97 -0
- package/src/checkbox-control/stories/index.story.tsx +1 -1
- package/src/checkbox-control/test/__snapshots__/index.tsx.snap +1 -1
- package/src/circular-option-picker/style.scss +0 -1
- package/src/color-palette/styles.ts +1 -1
- package/src/color-picker/component.tsx +4 -0
- package/src/color-picker/hex-input.tsx +0 -1
- package/src/color-picker/input-with-slider.tsx +0 -2
- package/src/color-picker/stories/index.story.tsx +5 -0
- package/src/combobox-control/README.md +0 -9
- package/src/combobox-control/index.tsx +2 -14
- package/src/combobox-control/stories/index.story.tsx +0 -2
- package/src/combobox-control/styles.ts +0 -21
- package/src/combobox-control/test/index.tsx +1 -1
- package/src/combobox-control/types.ts +2 -1
- package/src/confirm-dialog/stories/index.story.tsx +1 -1
- package/src/content-editable-control/README.md +88 -0
- package/src/content-editable-control/docs-manifest.json +5 -0
- package/src/content-editable-control/index.tsx +91 -0
- package/src/content-editable-control/stories/index.story.tsx +32 -0
- package/src/content-editable-control/style.module.scss +34 -0
- package/src/content-editable-control/test/index.tsx +164 -0
- package/src/content-editable-control/types.ts +35 -0
- package/src/context/stories/ComponentsProvider.stories.jsx +3 -3
- package/src/custom-gradient-picker/index.tsx +0 -1
- package/src/custom-select-control/README.md +0 -9
- package/src/custom-select-control/index.tsx +9 -24
- package/src/custom-select-control/stories/index.story.tsx +1 -3
- package/src/custom-select-control/test/index.tsx +1 -1
- package/src/custom-select-control/types.ts +2 -1
- package/src/custom-select-control-v2/custom-select.tsx +1 -5
- package/src/custom-select-control-v2/stories/index.story.tsx +1 -1
- package/src/date-time/date-picker/styles.ts +1 -1
- package/src/date-time/time-picker/index.tsx +0 -3
- package/src/date-time/time-picker/time-input/index.tsx +0 -3
- package/src/disabled/stories/index.story.tsx +0 -1
- package/src/divider/style.module.scss +4 -2
- package/src/dropdown-menu/style.scss +1 -1
- package/src/elevation/hook.ts +4 -3
- package/src/elevation/stories/index.story.tsx +1 -1
- package/src/elevation/test/__snapshots__/index.tsx.snap +6 -6
- package/src/elevation/test/index.tsx +21 -0
- package/src/external-link/index.tsx +1 -7
- package/src/external-link/stories/index.story.tsx +1 -1
- package/src/external-link/style.scss +1 -1
- package/src/flex/flex/hook.ts +24 -43
- package/src/flex/flex-item/hook.ts +10 -27
- package/src/flex/stories/index.story.tsx +1 -1
- package/src/flex/style.module.scss +40 -0
- package/src/flex/test/__snapshots__/index.tsx.snap +6 -156
- package/src/flex/test/index.tsx +80 -49
- package/src/focal-point-picker/controls.tsx +0 -1
- package/src/focal-point-picker/index.tsx +1 -0
- package/src/font-size-picker/README.md +0 -15
- package/src/font-size-picker/font-size-picker-select.tsx +1 -11
- package/src/font-size-picker/font-size-picker-toggle-group.tsx +1 -11
- package/src/font-size-picker/index.tsx +1 -26
- package/src/font-size-picker/stories/e2e/index.story.tsx +0 -2
- package/src/font-size-picker/stories/index.story.tsx +0 -2
- package/src/font-size-picker/test/font-size-picker-select.tsx +0 -16
- package/src/font-size-picker/test/font-size-picker-toggle-group.tsx +0 -22
- package/src/font-size-picker/test/index.tsx +2 -16
- package/src/font-size-picker/types.ts +6 -5
- package/src/form-file-upload/README.md +0 -10
- package/src/form-file-upload/index.tsx +2 -14
- package/src/form-file-upload/stories/index.story.tsx +1 -2
- package/src/form-file-upload/test/index.tsx +1 -16
- package/src/form-file-upload/types.ts +2 -2
- package/src/form-token-field/README.md +0 -2
- package/src/form-token-field/index.tsx +1 -12
- package/src/form-token-field/stories/index.story.tsx +0 -4
- package/src/form-token-field/styles.ts +0 -19
- package/src/form-token-field/test/index.tsx +1 -5
- package/src/form-token-field/types.ts +2 -1
- package/src/h-stack/stories/index.story.tsx +1 -1
- package/src/h-stack/test/__snapshots__/index.tsx.snap +12 -91
- package/src/heading/hook.ts +1 -1
- package/src/heading/stories/index.story.tsx +1 -1
- package/src/heading/test/__snapshots__/index.tsx.snap +1 -1
- package/src/icon/stories/index.story.tsx +1 -1
- package/src/input-control/README.md +0 -8
- package/src/input-control/index.tsx +5 -16
- package/src/input-control/input-base.tsx +4 -8
- package/src/input-control/stories/index.story.tsx +2 -4
- package/src/input-control/styles/input-control-styles.tsx +1 -11
- package/src/input-control/test/index.js +1 -7
- package/src/input-control/types.ts +21 -29
- package/src/item-group/test/__snapshots__/index.js.snap +27 -21
- package/src/menu/group-label.tsx +2 -1
- package/src/menu-group/style.scss +1 -1
- package/src/menu-item/style.scss +1 -1
- package/src/modal/stories/index.story.tsx +2 -5
- package/src/modal/style.scss +1 -1
- package/src/navigator/stories/index.story.tsx +5 -0
- package/src/notice/stories/index.story.tsx +1 -1
- package/src/notice/test/__snapshots__/index.tsx.snap +1 -1
- package/src/number-control/README.md +0 -8
- package/src/number-control/index.tsx +5 -12
- package/src/number-control/stories/index.story.tsx +1 -3
- package/src/number-control/test/index.tsx +1 -1
- package/src/number-control/types.ts +15 -1
- package/src/palette-edit/styles.ts +1 -1
- package/src/panel/stories/index.story.tsx +4 -4
- package/src/panel/style.scss +2 -5
- package/src/placeholder/style.scss +1 -1
- package/src/private-apis.ts +4 -0
- package/src/query-controls/README.md +0 -7
- package/src/query-controls/author-select.tsx +0 -2
- package/src/query-controls/category-select.tsx +0 -2
- package/src/query-controls/index.tsx +0 -5
- package/src/query-controls/types.ts +0 -2
- package/src/radio-group/README.md +8 -8
- package/src/radio-group/radio.tsx +2 -9
- package/src/radio-group/stories/index.story.tsx +3 -9
- package/src/radio-group/types.ts +8 -6
- package/src/range-control/README.md +0 -8
- package/src/range-control/index.tsx +6 -26
- package/src/range-control/stories/index.story.tsx +0 -11
- package/src/range-control/styles/range-control-styles.ts +1 -10
- package/src/range-control/test/index.tsx +1 -14
- package/src/range-control/types.ts +3 -1
- package/src/resizable-box/index.tsx +4 -0
- package/src/sandbox/index.tsx +143 -96
- package/src/sandbox/test/index.tsx +42 -1
- package/src/scrollable/test/__snapshots__/index.tsx.snap +16 -11
- package/src/search-control/index.tsx +3 -2
- package/src/select-control/README.md +0 -11
- package/src/select-control/index.tsx +6 -16
- package/src/select-control/stories/index.story.tsx +1 -5
- package/src/select-control/styles/select-control-styles.ts +3 -22
- package/src/select-control/test/select-control.tsx +6 -12
- package/src/select-control/types.ts +22 -3
- package/src/slot-fill/index.tsx +5 -0
- package/src/slot-fill/test/__snapshots__/slot.js.snap +4 -12
- package/src/spacer/hook.ts +93 -76
- package/src/spacer/stories/index.story.tsx +8 -6
- package/src/spacer/style.module.scss +25 -0
- package/src/spacer/test/__snapshots__/index.tsx.snap +2 -222
- package/src/spacer/test/index.tsx +111 -87
- package/src/surface/hook.ts +30 -36
- package/src/surface/style.module.scss +53 -0
- package/src/surface/test/index.tsx +22 -29
- package/src/tab-panel/stories/index.story.tsx +1 -1
- package/src/tab-panel/style.scss +1 -1
- package/src/tabs/stories/index.story.tsx +1 -1
- package/src/text/README.md +1 -1
- package/src/text/hook.ts +11 -12
- package/src/text/stories/index.story.tsx +1 -1
- package/src/text/test/__snapshots__/index.tsx.snap +2 -2
- package/src/text/test/index.tsx +19 -4
- package/src/text/types.ts +5 -5
- package/src/textarea-control/stories/index.story.tsx +1 -1
- package/src/theme/index.tsx +43 -18
- package/src/theme/style.module.scss +4 -0
- package/src/theme/test/index.tsx +23 -6
- package/src/toggle-group-control/stories/index.story.tsx +0 -1
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +86 -86
- package/src/toggle-group-control/test/index.tsx +20 -4
- package/src/toggle-group-control/toggle-group-control/README.md +0 -8
- package/src/toggle-group-control/toggle-group-control/as-button-group.tsx +0 -3
- package/src/toggle-group-control/toggle-group-control/as-radio-group.tsx +0 -3
- package/src/toggle-group-control/toggle-group-control/component.tsx +6 -20
- package/src/toggle-group-control/toggle-group-control/styles.ts +8 -25
- package/src/toggle-group-control/toggle-group-control-option/README.md +0 -1
- package/src/toggle-group-control/toggle-group-control-option/component.tsx +0 -1
- package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +3 -7
- package/src/toggle-group-control/toggle-group-control-option-base/styles.ts +9 -19
- package/src/toggle-group-control/toggle-group-control-option-icon/README.md +1 -1
- package/src/toggle-group-control/toggle-group-control-option-icon/component.tsx +1 -1
- package/src/toggle-group-control/types.ts +5 -4
- package/src/toolbar/toolbar-button/style.scss +1 -1
- package/src/tools-panel/stories/index.story.tsx +0 -15
- package/src/tools-panel/styles.ts +18 -2
- package/src/tools-panel/test/index.tsx +39 -0
- package/src/tools-panel/tools-panel/component.tsx +0 -2
- package/src/tools-panel/tools-panel/hook.ts +5 -9
- package/src/tooltip/stories/index.story.tsx +1 -1
- package/src/tree-grid/stories/index.story.tsx +0 -2
- package/src/tree-select/README.md +0 -9
- package/src/tree-select/index.tsx +4 -14
- package/src/tree-select/stories/index.story.tsx +0 -2
- package/src/tree-select/types.ts +8 -1
- package/src/truncate/hook.ts +23 -28
- package/src/truncate/style.module.scss +21 -0
- package/src/unit-control/README.md +3 -9
- package/src/unit-control/index.tsx +3 -17
- package/src/unit-control/stories/index.story.tsx +0 -3
- package/src/unit-control/test/index.tsx +1 -5
- package/src/unit-control/types.ts +11 -1
- package/src/utils/base-label.ts +1 -1
- package/src/utils/config-values.js +1 -8
- package/src/utils/font-values.js +1 -1
- package/src/utils/hooks/use-cx.ts +4 -0
- package/src/utils/polymorphic-element.tsx +152 -0
- package/src/utils/test/polymorphic-element.tsx +231 -0
- package/src/v-stack/stories/index.story.tsx +1 -1
- package/src/v-stack/test/__snapshots__/index.tsx.snap +12 -90
- package/src/validated-form-controls/components/combobox-control.tsx +1 -1
- package/src/validated-form-controls/components/content-editable-control.tsx +88 -0
- package/src/validated-form-controls/components/custom-select-control.tsx +1 -5
- package/src/validated-form-controls/components/form-token-field.tsx +2 -6
- package/src/validated-form-controls/components/index.ts +1 -0
- package/src/validated-form-controls/components/input-control.tsx +2 -10
- package/src/validated-form-controls/components/number-control.tsx +2 -10
- package/src/validated-form-controls/components/range-control.tsx +2 -10
- package/src/validated-form-controls/components/select-control.tsx +2 -6
- package/src/validated-form-controls/components/stories/content-editable-control.story.tsx +56 -0
- package/src/validated-form-controls/components/toggle-group-control.tsx +2 -9
- package/src/validated-form-controls/control-with-error.tsx +1 -1
- package/src/validated-form-controls/style.scss +7 -0
- package/src/validated-form-controls/test/content-editable-control.tsx +71 -0
- package/src/view/README.md +0 -6
- package/src/view/component.tsx +17 -8
- package/src/view/test/__snapshots__/index.js.snap +24 -16
- package/src/view/test/index.js +60 -4
- package/src/visually-hidden/stories/index.story.tsx +1 -1
- package/build/flex/styles.cjs +0 -82
- package/build/flex/styles.cjs.map +0 -7
- package/build/surface/styles.cjs +0 -97
- package/build/surface/styles.cjs.map +0 -7
- package/build/theme/styles.cjs +0 -66
- package/build/theme/styles.cjs.map +0 -7
- package/build/truncate/styles.cjs +0 -42
- package/build/truncate/styles.cjs.map +0 -7
- package/build/utils/deprecated-36px-size.cjs +0 -56
- package/build/utils/deprecated-36px-size.cjs.map +0 -7
- package/build-module/flex/styles.mjs +0 -53
- package/build-module/flex/styles.mjs.map +0 -7
- package/build-module/surface/styles.mjs +0 -64
- package/build-module/surface/styles.mjs.map +0 -7
- package/build-module/theme/styles.mjs +0 -30
- package/build-module/theme/styles.mjs.map +0 -7
- package/build-module/truncate/styles.mjs +0 -17
- package/build-module/truncate/styles.mjs.map +0 -7
- package/build-module/utils/deprecated-36px-size.mjs +0 -21
- package/build-module/utils/deprecated-36px-size.mjs.map +0 -7
- package/build-types/flex/styles.d.ts +0 -17
- package/build-types/flex/styles.d.ts.map +0 -1
- package/build-types/surface/styles.d.ts +0 -11
- package/build-types/surface/styles.d.ts.map +0 -1
- package/build-types/theme/styles.d.ts +0 -10
- package/build-types/theme/styles.d.ts.map +0 -1
- package/build-types/truncate/styles.d.ts +0 -2
- package/build-types/truncate/styles.d.ts.map +0 -1
- package/build-types/utils/deprecated-36px-size.d.ts +0 -7
- package/build-types/utils/deprecated-36px-size.d.ts.map +0 -1
- package/src/flex/styles.ts +0 -44
- package/src/focal-point-picker/style.scss +0 -58
- package/src/surface/styles.ts +0 -139
- package/src/surface/test/__snapshots__/index.tsx.snap +0 -104
- package/src/theme/styles.ts +0 -35
- package/src/truncate/styles.ts +0 -11
- package/src/utils/deprecated-36px-size.ts +0 -30
|
@@ -45,7 +45,6 @@ function UnforwardedToggleGroupControlAsButtonGroup({
|
|
|
45
45
|
isAdaptiveWidth,
|
|
46
46
|
label,
|
|
47
47
|
onChange,
|
|
48
|
-
size,
|
|
49
48
|
value: valueProp,
|
|
50
49
|
id: idProp,
|
|
51
50
|
setSelectedElement,
|
|
@@ -68,9 +67,8 @@ function UnforwardedToggleGroupControlAsButtonGroup({
|
|
|
68
67
|
setValue: setSelectedValue,
|
|
69
68
|
isBlock: !isAdaptiveWidth,
|
|
70
69
|
isDeselectable: true,
|
|
71
|
-
size,
|
|
72
70
|
setSelectedElement
|
|
73
|
-
}), [baseId, selectedValue, setSelectedValue, isAdaptiveWidth,
|
|
71
|
+
}), [baseId, selectedValue, setSelectedValue, isAdaptiveWidth, setSelectedElement]);
|
|
74
72
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.default.Provider, {
|
|
75
73
|
value: groupContextValue,
|
|
76
74
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view.View, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control/as-button-group.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport { useControlledValue } from '../../utils';\nimport ToggleGroupControlContext from '../context';\nimport { useComputeControlledOrUncontrolledValue } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlAsButtonGroup({\n children,\n isAdaptiveWidth,\n label,\n onChange,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAC9B,qBAAoC;AAKpC,kBAAqB;AACrB,mBAAmC;AACnC,qBAAsC;AACtC,IAAAA,gBAAwD;AACxD,yBAA4B;AAC5B,SAAS,2CAA2C;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport { useControlledValue } from '../../utils';\nimport ToggleGroupControlContext from '../context';\nimport { useComputeControlledOrUncontrolledValue } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlAsButtonGroup({\n children,\n isAdaptiveWidth,\n label,\n onChange,\n value: valueProp,\n id: idProp,\n setSelectedElement,\n ...otherProps\n}, forwardedRef) {\n const generatedId = useInstanceId(ToggleGroupControlAsButtonGroup, 'toggle-group-control-as-button-group');\n const baseId = idProp || generatedId;\n\n // Use a heuristic to understand if the component is being used in controlled\n // or uncontrolled mode, and consequently:\n // - when controlled, convert `undefined` values to `''` (ie. \"no value\")\n // - use the `value` prop as the `defaultValue` when uncontrolled\n const {\n value,\n defaultValue\n } = useComputeControlledOrUncontrolledValue(valueProp);\n const [selectedValue, setSelectedValue] = useControlledValue({\n defaultValue,\n value,\n onChange\n });\n const groupContextValue = useMemo(() => ({\n baseId,\n value: selectedValue,\n setValue: setSelectedValue,\n isBlock: !isAdaptiveWidth,\n isDeselectable: true,\n setSelectedElement\n }), [baseId, selectedValue, setSelectedValue, isAdaptiveWidth, setSelectedElement]);\n return /*#__PURE__*/_jsx(ToggleGroupControlContext.Provider, {\n value: groupContextValue,\n children: /*#__PURE__*/_jsx(View, {\n \"aria-label\": label,\n ...otherProps,\n ref: forwardedRef,\n role: \"group\",\n id: baseId,\n children: children\n })\n });\n}\nexport const ToggleGroupControlAsButtonGroup = forwardRef(UnforwardedToggleGroupControlAsButtonGroup);\nToggleGroupControlAsButtonGroup.displayName = 'ToggleGroupControlAsButtonGroup';"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAC9B,qBAAoC;AAKpC,kBAAqB;AACrB,mBAAmC;AACnC,qBAAsC;AACtC,IAAAA,gBAAwD;AACxD,yBAA4B;AAC5B,SAAS,2CAA2C;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,IAAI;AAAA,EACJ;AAAA,EACA,GAAG;AACL,GAAG,cAAc;AACf,QAAM,kBAAc,8BAAc,iCAAiC,sCAAsC;AACzG,QAAM,SAAS,UAAU;AAMzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,uDAAwC,SAAS;AACrD,QAAM,CAAC,eAAe,gBAAgB,QAAI,iCAAmB;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,wBAAoB,wBAAQ,OAAO;AAAA,IACvC;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS,CAAC;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,EACF,IAAI,CAAC,QAAQ,eAAe,kBAAkB,iBAAiB,kBAAkB,CAAC;AAClF,SAAoB,uCAAAC,KAAK,eAAAC,QAA0B,UAAU;AAAA,IAC3D,OAAO;AAAA,IACP,UAAuB,uCAAAD,KAAK,kBAAM;AAAA,MAChC,cAAc;AAAA,MACd,GAAG;AAAA,MACH,KAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,sCAAkC,2BAAW,0CAA0C;AACpG,gCAAgC,cAAc;",
|
|
6
6
|
"names": ["import_utils", "_jsx", "ToggleGroupControlContext"]
|
|
7
7
|
}
|
|
@@ -46,7 +46,6 @@ function UnforwardedToggleGroupControlAsRadioGroup({
|
|
|
46
46
|
isAdaptiveWidth,
|
|
47
47
|
label,
|
|
48
48
|
onChange: onChangeProp,
|
|
49
|
-
size,
|
|
50
49
|
value: valueProp,
|
|
51
50
|
id: idProp,
|
|
52
51
|
setSelectedElement,
|
|
@@ -78,13 +77,12 @@ function UnforwardedToggleGroupControlAsRadioGroup({
|
|
|
78
77
|
activeItemIsNotFirstItem: () => radio.getState().activeId !== radio.first(),
|
|
79
78
|
baseId,
|
|
80
79
|
isBlock: !isAdaptiveWidth,
|
|
81
|
-
size,
|
|
82
80
|
// @ts-expect-error - This is wrong and we should fix it.
|
|
83
81
|
value: selectedValue,
|
|
84
82
|
// @ts-expect-error - This is wrong and we should fix it.
|
|
85
83
|
setValue,
|
|
86
84
|
setSelectedElement
|
|
87
|
-
}), [baseId, isAdaptiveWidth, radio, selectedValue, setSelectedElement, setValue
|
|
85
|
+
}), [baseId, isAdaptiveWidth, radio, selectedValue, setSelectedElement, setValue]);
|
|
88
86
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.default.Provider, {
|
|
89
87
|
value: groupContextValue,
|
|
90
88
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ariakit.RadioGroup, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\n\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useEffect, useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlContext from '../context';\nimport { useComputeControlledOrUncontrolledValue } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlAsRadioGroup({\n children,\n isAdaptiveWidth,\n label,\n onChange: onChangeProp,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,cAAyB;AAKzB,qBAA8B;AAC9B,qBAA+C;AAC/C,kBAAsB;AAKtB,kBAAqB;AACrB,qBAAsC;AACtC,mBAAwD;AACxD,yBAA4B;AAC5B,SAAS,0CAA0C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\n\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useEffect, useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlContext from '../context';\nimport { useComputeControlledOrUncontrolledValue } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlAsRadioGroup({\n children,\n isAdaptiveWidth,\n label,\n onChange: onChangeProp,\n value: valueProp,\n id: idProp,\n setSelectedElement,\n ...otherProps\n}, forwardedRef) {\n const generatedId = useInstanceId(ToggleGroupControlAsRadioGroup, 'toggle-group-control-as-radio-group');\n const baseId = idProp || generatedId;\n\n // Use a heuristic to understand if the component is being used in controlled\n // or uncontrolled mode, and consequently:\n // - when controlled, convert `undefined` values to `''` (ie. \"no value\")\n // - use the `value` prop as the `defaultValue` when uncontrolled\n const {\n value,\n defaultValue\n } = useComputeControlledOrUncontrolledValue(valueProp);\n\n // `useRadioStore`'s `setValue` prop can be called with `null`, while\n // the component's `onChange` prop only expects `undefined`\n const wrappedOnChangeProp = onChangeProp ? v => {\n onChangeProp(v ?? undefined);\n } : undefined;\n const radio = Ariakit.useRadioStore({\n defaultValue,\n value,\n setValue: wrappedOnChangeProp,\n rtl: isRTL()\n });\n const selectedValue = Ariakit.useStoreState(radio, 'value');\n const setValue = radio.setValue;\n\n // Ensures that the active id is also reset after the value is \"reset\" by the consumer.\n useEffect(() => {\n if (selectedValue === '') {\n radio.setActiveId(undefined);\n }\n }, [radio, selectedValue]);\n const groupContextValue = useMemo(() => ({\n activeItemIsNotFirstItem: () => radio.getState().activeId !== radio.first(),\n baseId,\n isBlock: !isAdaptiveWidth,\n // @ts-expect-error - This is wrong and we should fix it.\n value: selectedValue,\n // @ts-expect-error - This is wrong and we should fix it.\n setValue,\n setSelectedElement\n }), [baseId, isAdaptiveWidth, radio, selectedValue, setSelectedElement, setValue]);\n return /*#__PURE__*/_jsx(ToggleGroupControlContext.Provider, {\n value: groupContextValue,\n children: /*#__PURE__*/_jsx(Ariakit.RadioGroup, {\n store: radio,\n \"aria-label\": label,\n render: /*#__PURE__*/_jsx(View, {}),\n ...otherProps,\n id: baseId,\n ref: forwardedRef,\n children: children\n })\n });\n}\nexport const ToggleGroupControlAsRadioGroup = forwardRef(UnforwardedToggleGroupControlAsRadioGroup);\nToggleGroupControlAsRadioGroup.displayName = 'ToggleGroupControlAsRadioGroup';"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,cAAyB;AAKzB,qBAA8B;AAC9B,qBAA+C;AAC/C,kBAAsB;AAKtB,kBAAqB;AACrB,qBAAsC;AACtC,mBAAwD;AACxD,yBAA4B;AAC5B,SAAS,0CAA0C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,IAAI;AAAA,EACJ;AAAA,EACA,GAAG;AACL,GAAG,cAAc;AACf,QAAM,kBAAc,8BAAc,gCAAgC,qCAAqC;AACvG,QAAM,SAAS,UAAU;AAMzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,sDAAwC,SAAS;AAIrD,QAAM,sBAAsB,eAAe,OAAK;AAC9C,iBAAa,KAAK,MAAS;AAAA,EAC7B,IAAI;AACJ,QAAM,QAAgB,sBAAc;AAAA,IAClC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAK,mBAAM;AAAA,EACb,CAAC;AACD,QAAM,gBAAwB,sBAAc,OAAO,OAAO;AAC1D,QAAM,WAAW,MAAM;AAGvB,gCAAU,MAAM;AACd,QAAI,kBAAkB,IAAI;AACxB,YAAM,YAAY,MAAS;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,OAAO,aAAa,CAAC;AACzB,QAAM,wBAAoB,wBAAQ,OAAO;AAAA,IACvC,0BAA0B,MAAM,MAAM,SAAS,EAAE,aAAa,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA,SAAS,CAAC;AAAA;AAAA,IAEV,OAAO;AAAA;AAAA,IAEP;AAAA,IACA;AAAA,EACF,IAAI,CAAC,QAAQ,iBAAiB,OAAO,eAAe,oBAAoB,QAAQ,CAAC;AACjF,SAAoB,uCAAAA,KAAK,eAAAC,QAA0B,UAAU;AAAA,IAC3D,OAAO;AAAA,IACP,UAAuB,uCAAAD,KAAa,oBAAY;AAAA,MAC9C,OAAO;AAAA,MACP,cAAc;AAAA,MACd,QAAqB,uCAAAA,KAAK,kBAAM,CAAC,CAAC;AAAA,MAClC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,qCAAiC,2BAAW,yCAAyC;AAClG,+BAA+B,cAAc;",
|
|
6
6
|
"names": ["_jsx", "ToggleGroupControlContext"]
|
|
7
7
|
}
|
|
@@ -44,14 +44,14 @@ var import_as_radio_group = require("./as-radio-group.cjs");
|
|
|
44
44
|
var import_as_button_group = require("./as-button-group.cjs");
|
|
45
45
|
var import_element_rect = require("../../utils/element-rect.cjs");
|
|
46
46
|
var import_use_animated_offset_rect = require("../../utils/hooks/use-animated-offset-rect.cjs");
|
|
47
|
-
var import_deprecated_36px_size = require("../../utils/deprecated-36px-size.cjs");
|
|
48
47
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
49
48
|
function UnconnectedToggleGroupControl(props, forwardedRef) {
|
|
50
49
|
const {
|
|
50
|
+
// Prevent passing legacy props to internal component.
|
|
51
51
|
__nextHasNoMarginBottom: _,
|
|
52
|
-
|
|
53
|
-
__next40pxDefaultSize
|
|
54
|
-
__shouldNotWarnDeprecated36pxSize,
|
|
52
|
+
size: _size,
|
|
53
|
+
__next40pxDefaultSize: _next40pxDefaultSize,
|
|
54
|
+
__shouldNotWarnDeprecated36pxSize: _shouldNotWarnDeprecated36pxSize,
|
|
55
55
|
className,
|
|
56
56
|
isAdaptiveWidth = false,
|
|
57
57
|
isBlock = false,
|
|
@@ -61,7 +61,6 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
|
|
|
61
61
|
hideLabelFromVision = false,
|
|
62
62
|
help,
|
|
63
63
|
onChange,
|
|
64
|
-
size = "default",
|
|
65
64
|
value,
|
|
66
65
|
children,
|
|
67
66
|
...otherProps
|
|
@@ -75,7 +74,6 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
|
|
|
75
74
|
label,
|
|
76
75
|
hideLabelFromVision
|
|
77
76
|
});
|
|
78
|
-
const normalizedSize = __next40pxDefaultSize && size === "default" ? "__unstable-large" : size;
|
|
79
77
|
const [selectedElement, setSelectedElement] = (0, import_element.useState)();
|
|
80
78
|
const [controlElement, setControlElement] = (0, import_element.useState)();
|
|
81
79
|
const refs = (0, import_compose.useMergeRefs)([setControlElement, forwardedRef]);
|
|
@@ -89,16 +87,9 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
|
|
|
89
87
|
const cx = (0, import_hooks.useCx)();
|
|
90
88
|
const classes = (0, import_element.useMemo)(() => cx(styles.toggleGroupControl({
|
|
91
89
|
isBlock,
|
|
92
|
-
isDeselectable
|
|
93
|
-
|
|
94
|
-
}), isBlock && styles.block, className), [className, cx, isBlock, isDeselectable, normalizedSize]);
|
|
90
|
+
isDeselectable
|
|
91
|
+
}), className), [className, cx, isBlock, isDeselectable]);
|
|
95
92
|
const MainControl = isDeselectable ? import_as_button_group.ToggleGroupControlAsButtonGroup : import_as_radio_group.ToggleGroupControlAsRadioGroup;
|
|
96
|
-
(0, import_deprecated_36px_size.maybeWarnDeprecated36pxSize)({
|
|
97
|
-
componentName: "ToggleGroupControl",
|
|
98
|
-
size,
|
|
99
|
-
__next40pxDefaultSize,
|
|
100
|
-
__shouldNotWarnDeprecated36pxSize
|
|
101
|
-
});
|
|
102
93
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default, {
|
|
103
94
|
...baseControlProps,
|
|
104
95
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MainControl, {
|
|
@@ -110,7 +101,6 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
|
|
|
110
101
|
label,
|
|
111
102
|
onChange,
|
|
112
103
|
ref: refs,
|
|
113
|
-
size: normalizedSize,
|
|
114
104
|
value,
|
|
115
105
|
children
|
|
116
106
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control/component.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks';\nimport BaseControl, { useBaseControlProps } from '../../base-control';\nimport * as styles from './styles';\nimport { ToggleGroupControlAsRadioGroup } from './as-radio-group';\nimport { ToggleGroupControlAsButtonGroup } from './as-button-group';\nimport { useTrackElementOffsetRect } from '../../utils/element-rect';\nimport { useAnimatedOffsetRect } from '../../utils/hooks/use-animated-offset-rect';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAAkC;AAClC,qBAA6B;AAM7B,qBAAiD;AACjD,mBAAsB;AACtB,0BAAiD;AACjD,aAAwB;AACxB,4BAA+C;AAC/C,6BAAgD;AAChD,0BAA0C;AAC1C,sCAAsC;AACtC,
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks';\nimport BaseControl, { useBaseControlProps } from '../../base-control';\nimport * as styles from './styles';\nimport { ToggleGroupControlAsRadioGroup } from './as-radio-group';\nimport { ToggleGroupControlAsButtonGroup } from './as-button-group';\nimport { useTrackElementOffsetRect } from '../../utils/element-rect';\nimport { useAnimatedOffsetRect } from '../../utils/hooks/use-animated-offset-rect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedToggleGroupControl(props, forwardedRef) {\n const {\n // Prevent passing legacy props to internal component.\n __nextHasNoMarginBottom: _,\n size: _size,\n __next40pxDefaultSize: _next40pxDefaultSize,\n __shouldNotWarnDeprecated36pxSize: _shouldNotWarnDeprecated36pxSize,\n className,\n isAdaptiveWidth = false,\n isBlock = false,\n isDeselectable = false,\n id,\n label,\n hideLabelFromVision = false,\n help,\n onChange,\n value,\n children,\n ...otherProps\n } = useContextSystem(props, 'ToggleGroupControl');\n const {\n baseControlProps,\n controlProps\n } = useBaseControlProps({\n id,\n help,\n label,\n hideLabelFromVision\n });\n const [selectedElement, setSelectedElement] = useState();\n const [controlElement, setControlElement] = useState();\n const refs = useMergeRefs([setControlElement, forwardedRef]);\n const selectedRect = useTrackElementOffsetRect(value !== null && value !== undefined ? selectedElement : undefined);\n useAnimatedOffsetRect(controlElement, selectedRect, {\n prefix: 'selected',\n dataAttribute: 'indicator-animated',\n transitionEndFilter: event => event.pseudoElement === '::before',\n roundRect: false\n });\n const cx = useCx();\n const classes = useMemo(() => cx(styles.toggleGroupControl({\n isBlock,\n isDeselectable\n }), className), [className, cx, isBlock, isDeselectable]);\n const MainControl = isDeselectable ? ToggleGroupControlAsButtonGroup : ToggleGroupControlAsRadioGroup;\n return /*#__PURE__*/_jsx(BaseControl, {\n ...baseControlProps,\n children: /*#__PURE__*/_jsx(MainControl, {\n ...otherProps,\n ...controlProps,\n setSelectedElement: setSelectedElement,\n className: classes,\n isAdaptiveWidth: isAdaptiveWidth\n // `label` is used for `aria-label` on the inner control.\n // This is separate from the visual label rendered by `BaseControl`.\n ,\n label: label,\n onChange: onChange,\n ref: refs,\n value: value,\n children: children\n })\n });\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * This component is intended for selecting a single persistent value from a set of options,\n * similar to a how a radio button group would work. If you simply want a toggle to switch between views,\n * use a `TabPanel` instead.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n * return (\n * <ToggleGroupControl\n * label=\"my label\"\n * value=\"vertical\"\n * isBlock\n * >\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControl = contextConnect(UnconnectedToggleGroupControl, 'ToggleGroupControl');\nexport default ToggleGroupControl;"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAAkC;AAClC,qBAA6B;AAM7B,qBAAiD;AACjD,mBAAsB;AACtB,0BAAiD;AACjD,aAAwB;AACxB,4BAA+C;AAC/C,6BAAgD;AAChD,0BAA0C;AAC1C,sCAAsC;AACtC,yBAA4B;AAC5B,SAAS,8BAA8B,OAAO,cAAc;AAC1D,QAAM;AAAA;AAAA,IAEJ,yBAAyB;AAAA,IACzB,MAAM;AAAA,IACN,uBAAuB;AAAA,IACvB,mCAAmC;AAAA,IACnC;AAAA,IACA,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,oBAAoB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,yCAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,yBAAS;AACvD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,yBAAS;AACrD,QAAM,WAAO,6BAAa,CAAC,mBAAmB,YAAY,CAAC;AAC3D,QAAM,mBAAe,+CAA0B,UAAU,QAAQ,UAAU,SAAY,kBAAkB,MAAS;AAClH,6DAAsB,gBAAgB,cAAc;AAAA,IAClD,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,qBAAqB,WAAS,MAAM,kBAAkB;AAAA,IACtD,WAAW;AAAA,EACb,CAAC;AACD,QAAM,SAAK,oBAAM;AACjB,QAAM,cAAU,wBAAQ,MAAM,GAAU,0BAAmB;AAAA,IACzD;AAAA,IACA;AAAA,EACF,CAAC,GAAG,SAAS,GAAG,CAAC,WAAW,IAAI,SAAS,cAAc,CAAC;AACxD,QAAM,cAAc,iBAAiB,yDAAkC;AACvE,SAAoB,uCAAAA,KAAK,oBAAAC,SAAa;AAAA,IACpC,GAAG;AAAA,IACH,UAAuB,uCAAAD,KAAK,aAAa;AAAA,MACvC,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MAIA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAmCO,IAAM,yBAAqB,+BAAe,+BAA+B,oBAAoB;AACpG,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["_jsx", "BaseControl"]
|
|
7
7
|
}
|
|
@@ -21,8 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var styles_exports = {};
|
|
22
22
|
__export(styles_exports, {
|
|
23
23
|
block: () => block,
|
|
24
|
-
toggleGroupControl: () => toggleGroupControl
|
|
25
|
-
toggleGroupControlSize: () => toggleGroupControlSize
|
|
24
|
+
toggleGroupControl: () => toggleGroupControl
|
|
26
25
|
});
|
|
27
26
|
module.exports = __toCommonJS(styles_exports);
|
|
28
27
|
var import_react = require("@emotion/react");
|
|
@@ -30,50 +29,25 @@ var import_utils = require("../../utils/index.cjs");
|
|
|
30
29
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
31
30
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
32
31
|
}
|
|
33
|
-
var toggleGroupControl = ({
|
|
34
|
-
isBlock,
|
|
35
|
-
isDeselectable,
|
|
36
|
-
size
|
|
37
|
-
}) => /* @__PURE__ */ (0, import_react.css)("background:", import_utils.COLORS.ui.background, ";border:1px solid transparent;border-radius:", import_utils.CONFIG.radiusSmall, ";display:inline-flex;min-width:0;position:relative;", toggleGroupControlSize(size), " ", !isDeselectable && enclosingBorders(isBlock), "@media not ( prefers-reduced-motion ){&[data-indicator-animated]::before{transition-property:transform,border-radius;transition-duration:0.2s;transition-timing-function:ease-out;}}&::before{content:'';position:absolute;pointer-events:none;background:", import_utils.COLORS.theme.gray[100], ";border:1px solid ", import_utils.COLORS.theme.gray[700], ";outline:2px solid transparent;outline-offset:-3px;border-radius:", import_utils.CONFIG.radiusSmall, ";top:-1px;left:-2px;width:calc( calc( var( --selected-width, 0 ) * 1px ) + 2px );height:calc( calc( var( --selected-height, 0 ) * 1px ) + 2px );transform:translateX( calc( var( --selected-left, 0 ) * 1px ) );opacity:min(\n 1,\n max( 0, var( --selected-width, 0 ), var( --selected-height, 0 ) )\n );}" + (process.env.NODE_ENV === "production" ? "" : ";label:toggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */");
|
|
38
|
-
var enclosingBorders = (isBlock) => {
|
|
39
|
-
const enclosingBorder = /* @__PURE__ */ (0, import_react.css)("border-color:", import_utils.COLORS.gray[300], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:enclosingBorder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RDRCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxuXHRzaXplLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiAmIHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+O1xufSApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSggc2l6ZSApIH1cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbFNpemUgPSAoXG5cdHNpemU6IE5vbk51bGxhYmxlPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ3NpemUnIF0gPlxuKSA9PiB7XG5cdGNvbnN0IHN0eWxlcyA9IHtcblx0XHRkZWZhdWx0OiBjc3NgXG5cdFx0XHRoZWlnaHQ6IDM2cHg7XG5cdFx0YCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IGNzc2Bcblx0XHRcdGhlaWdodDogNDBweDtcblx0XHRgLFxuXHR9O1xuXG5cdHJldHVybiBzdHlsZXNbIHNpemUgXTtcbn07XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */");
|
|
40
|
-
return /* @__PURE__ */ (0, import_react.css)(isBlock && enclosingBorder, " &:hover{border-color:", import_utils.COLORS.gray[400], ";}&:focus-within{z-index:1;outline:", import_utils.CONFIG.borderWidthFocus, " solid ", import_utils.COLORS.ui.borderFocus, ";outline-offset:1px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:enclosingBorders;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRVciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */");
|
|
41
|
-
};
|
|
42
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
43
|
-
name: "1k18kha",
|
|
44
|
-
styles: "height:40px"
|
|
45
|
-
} : {
|
|
46
|
-
name: "152dw7p-__unstable-large",
|
|
47
|
-
styles: "height:40px;label:__unstable-large;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RnlCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxuXHRzaXplLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiAmIHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+O1xufSApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSggc2l6ZSApIH1cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbFNpemUgPSAoXG5cdHNpemU6IE5vbk51bGxhYmxlPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ3NpemUnIF0gPlxuKSA9PiB7XG5cdGNvbnN0IHN0eWxlcyA9IHtcblx0XHRkZWZhdWx0OiBjc3NgXG5cdFx0XHRoZWlnaHQ6IDM2cHg7XG5cdFx0YCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IGNzc2Bcblx0XHRcdGhlaWdodDogNDBweDtcblx0XHRgLFxuXHR9O1xuXG5cdHJldHVybiBzdHlsZXNbIHNpemUgXTtcbn07XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */",
|
|
48
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
49
|
-
};
|
|
50
|
-
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
51
|
-
name: "j4fzus",
|
|
52
|
-
styles: "height:36px"
|
|
53
|
-
} : {
|
|
54
|
-
name: "ky6vtv-default",
|
|
55
|
-
styles: "height:36px;label:default;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmMiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */",
|
|
56
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
57
|
-
};
|
|
58
|
-
var toggleGroupControlSize = (size) => {
|
|
59
|
-
const styles = {
|
|
60
|
-
default: _ref2,
|
|
61
|
-
"__unstable-large": _ref
|
|
62
|
-
};
|
|
63
|
-
return styles[size];
|
|
64
|
-
};
|
|
65
32
|
var block = process.env.NODE_ENV === "production" ? {
|
|
66
33
|
name: "7whenc",
|
|
67
34
|
styles: "display:flex;width:100%"
|
|
68
35
|
} : {
|
|
69
36
|
name: "2dfrl8-block",
|
|
70
|
-
styles: "display:flex;width:100%;label:block;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
styles: "display:flex;width:100%;label:block;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cdCR7IGlzQmxvY2sgJiYgYmxvY2sgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcbiJdfQ== */",
|
|
71
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
72
39
|
};
|
|
40
|
+
var toggleGroupControl = ({
|
|
41
|
+
isBlock,
|
|
42
|
+
isDeselectable
|
|
43
|
+
}) => /* @__PURE__ */ (0, import_react.css)("background:", import_utils.COLORS.ui.background, ";border:1px solid transparent;border-radius:", import_utils.CONFIG.radiusSmall, ";display:inline-flex;height:40px;min-width:0;position:relative;", !isDeselectable && enclosingBorders(isBlock), " ", isBlock && block, "@media not ( prefers-reduced-motion ){&[data-indicator-animated]::before{transition-property:transform,border-radius;transition-duration:0.2s;transition-timing-function:ease-out;}}&::before{content:'';position:absolute;pointer-events:none;background:", import_utils.COLORS.theme.gray[100], ";border:1px solid ", import_utils.COLORS.theme.gray[700], ";outline:2px solid transparent;outline-offset:-3px;border-radius:", import_utils.CONFIG.radiusSmall, ";top:-1px;left:-2px;width:calc( calc( var( --selected-width, 0 ) * 1px ) + 2px );height:calc( calc( var( --selected-height, 0 ) * 1px ) + 2px );transform:translateX( calc( var( --selected-left, 0 ) * 1px ) );opacity:min(\n 1,\n max( 0, var( --selected-width, 0 ), var( --selected-height, 0 ) )\n );}" + (process.env.NODE_ENV === "production" ? "" : ";label:toggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnlFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbCA9ICgge1xuXHRpc0Jsb2NrLFxuXHRpc0Rlc2VsZWN0YWJsZSxcbn06IFBpY2s8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzLCAnaXNCbG9jaycgfCAnaXNEZXNlbGVjdGFibGUnID4gKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNDBweDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXHQkeyBpc0Jsb2NrICYmIGJsb2NrIH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmW2RhdGEtaW5kaWNhdG9yLWFuaW1hdGVkXTo6YmVmb3JlIHtcblx0XHRcdHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1cztcblx0XHRcdHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG5cdFx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG5cdFx0fVxuXHR9XG5cblx0Jjo6YmVmb3JlIHtcblx0XHRjb250ZW50OiAnJztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDEwMCBdIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDcwMCBdIH07XG5cblx0XHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRvdXRsaW5lLW9mZnNldDogLTNweDtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRcdHRvcDogLTFweDtcblx0XHRsZWZ0OiAtMnB4O1xuXHRcdHdpZHRoOiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWxlZnQsIDAgKSAqIDFweCApICk7XG5cdFx0LyogSGlkZSB3aGVuIGRpbWVuc2lvbnMgYXJlIHVuc2V0ICgwKSAqL1xuXHRcdG9wYWNpdHk6IG1pbihcblx0XHRcdDEsXG5cdFx0XHRtYXgoIDAsIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApLCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKVxuXHRcdCk7XG5cdH1cbmA7XG5cbmNvbnN0IGVuY2xvc2luZ0JvcmRlcnMgPSAoIGlzQmxvY2s6IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnaXNCbG9jaycgXSApID0+IHtcblx0Y29uc3QgZW5jbG9zaW5nQm9yZGVyID0gY3NzYFxuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdGA7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBpc0Jsb2NrICYmIGVuY2xvc2luZ0JvcmRlciB9XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDQwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdG91dGxpbmU6ICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gc29saWRcblx0XHRcdFx0JHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMXB4O1xuXHRcdH1cblx0YDtcbn07XG4iXX0= */");
|
|
44
|
+
var enclosingBorders = (isBlock) => {
|
|
45
|
+
const enclosingBorder = /* @__PURE__ */ (0, import_react.css)("border-color:", import_utils.COLORS.gray[300], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:enclosingBorder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTRCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbCA9ICgge1xuXHRpc0Jsb2NrLFxuXHRpc0Rlc2VsZWN0YWJsZSxcbn06IFBpY2s8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzLCAnaXNCbG9jaycgfCAnaXNEZXNlbGVjdGFibGUnID4gKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNDBweDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXHQkeyBpc0Jsb2NrICYmIGJsb2NrIH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmW2RhdGEtaW5kaWNhdG9yLWFuaW1hdGVkXTo6YmVmb3JlIHtcblx0XHRcdHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1cztcblx0XHRcdHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG5cdFx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG5cdFx0fVxuXHR9XG5cblx0Jjo6YmVmb3JlIHtcblx0XHRjb250ZW50OiAnJztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDEwMCBdIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDcwMCBdIH07XG5cblx0XHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRvdXRsaW5lLW9mZnNldDogLTNweDtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRcdHRvcDogLTFweDtcblx0XHRsZWZ0OiAtMnB4O1xuXHRcdHdpZHRoOiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWxlZnQsIDAgKSAqIDFweCApICk7XG5cdFx0LyogSGlkZSB3aGVuIGRpbWVuc2lvbnMgYXJlIHVuc2V0ICgwKSAqL1xuXHRcdG9wYWNpdHk6IG1pbihcblx0XHRcdDEsXG5cdFx0XHRtYXgoIDAsIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApLCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKVxuXHRcdCk7XG5cdH1cbmA7XG5cbmNvbnN0IGVuY2xvc2luZ0JvcmRlcnMgPSAoIGlzQmxvY2s6IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnaXNCbG9jaycgXSApID0+IHtcblx0Y29uc3QgZW5jbG9zaW5nQm9yZGVyID0gY3NzYFxuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdGA7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBpc0Jsb2NrICYmIGVuY2xvc2luZ0JvcmRlciB9XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDQwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdG91dGxpbmU6ICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gc29saWRcblx0XHRcdFx0JHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMXB4O1xuXHRcdH1cblx0YDtcbn07XG4iXX0= */");
|
|
46
|
+
return /* @__PURE__ */ (0, import_react.css)(isBlock && enclosingBorder, " &:hover{border-color:", import_utils.COLORS.gray[400], ";}&:focus-within{z-index:1;outline:", import_utils.CONFIG.borderWidthFocus, " solid ", import_utils.COLORS.ui.borderFocus, ";outline-offset:1px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:enclosingBorders;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRVciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cdCR7IGlzQmxvY2sgJiYgYmxvY2sgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcbiJdfQ== */");
|
|
47
|
+
};
|
|
73
48
|
// Annotate the CommonJS export names for ESM import in node:
|
|
74
49
|
0 && (module.exports = {
|
|
75
50
|
block,
|
|
76
|
-
toggleGroupControl
|
|
77
|
-
toggleGroupControlSize
|
|
51
|
+
toggleGroupControl
|
|
78
52
|
});
|
|
79
53
|
//# sourceMappingURL=styles.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control/styles.ts"],
|
|
4
|
-
"sourcesContent": ["function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../../utils';\nexport const toggleGroupControl = ({\n isBlock,\n isDeselectable,\n size\n}) => /*#__PURE__*/css(\"background:\", COLORS.ui.background, \";border:1px solid transparent;border-radius:\", CONFIG.radiusSmall, \";display:inline-flex;min-width:0;position:relative;\", toggleGroupControlSize(size), \" \", !isDeselectable && enclosingBorders(isBlock), \"@media not ( prefers-reduced-motion ){&[data-indicator-animated]::before{transition-property:transform,border-radius;transition-duration:0.2s;transition-timing-function:ease-out;}}&::before{content:'';position:absolute;pointer-events:none;background:\", COLORS.theme.gray[100], \";border:1px solid \", COLORS.theme.gray[700], \";outline:2px solid transparent;outline-offset:-3px;border-radius:\", CONFIG.radiusSmall, \";top:-1px;left:-2px;width:calc( calc( var( --selected-width, 0 ) * 1px ) + 2px );height:calc( calc( var( --selected-height, 0 ) * 1px ) + 2px );transform:translateX( calc( var( --selected-left, 0 ) * 1px ) );opacity:min(\\n\\t\\t\\t1,\\n\\t\\t\\tmax( 0, var( --selected-width, 0 ), var( --selected-height, 0 ) )\\n\\t\\t);}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:toggleGroupControl;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */\");\nconst enclosingBorders = isBlock => {\n const enclosingBorder = /*#__PURE__*/css(\"border-color:\", COLORS.gray[300], \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:enclosingBorder;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RDRCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxuXHRzaXplLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiAmIHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+O1xufSApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSggc2l6ZSApIH1cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbFNpemUgPSAoXG5cdHNpemU6IE5vbk51bGxhYmxlPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ3NpemUnIF0gPlxuKSA9PiB7XG5cdGNvbnN0IHN0eWxlcyA9IHtcblx0XHRkZWZhdWx0OiBjc3NgXG5cdFx0XHRoZWlnaHQ6IDM2cHg7XG5cdFx0YCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IGNzc2Bcblx0XHRcdGhlaWdodDogNDBweDtcblx0XHRgLFxuXHR9O1xuXG5cdHJldHVybiBzdHlsZXNbIHNpemUgXTtcbn07XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */\");\n return /*#__PURE__*/css(isBlock && enclosingBorder, \" &:hover{border-color:\", COLORS.gray[400], \";}&:focus-within{z-index:1;outline:\", CONFIG.borderWidthFocus, \" solid \", COLORS.ui.borderFocus, \";outline-offset:1px;}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:enclosingBorders;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRVciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */\");\n};\nvar _ref = process.env.NODE_ENV === \"production\" ? {\n name: \"1k18kha\",\n styles: \"height:40px\"\n} : {\n name: \"152dw7p-__unstable-large\",\n styles: \"height:40px;label:__unstable-large;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RnlCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxuXHRzaXplLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiAmIHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+O1xufSApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSggc2l6ZSApIH1cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbFNpemUgPSAoXG5cdHNpemU6IE5vbk51bGxhYmxlPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ3NpemUnIF0gPlxuKSA9PiB7XG5cdGNvbnN0IHN0eWxlcyA9IHtcblx0XHRkZWZhdWx0OiBjc3NgXG5cdFx0XHRoZWlnaHQ6IDM2cHg7XG5cdFx0YCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IGNzc2Bcblx0XHRcdGhlaWdodDogNDBweDtcblx0XHRgLFxuXHR9O1xuXG5cdHJldHVybiBzdHlsZXNbIHNpemUgXTtcbn07XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\nvar _ref2 = process.env.NODE_ENV === \"production\" ? {\n name: \"j4fzus\",\n styles: \"height:36px\"\n} : {\n name: \"ky6vtv-default\",\n styles: \"height:36px;label:default;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmMiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCB0b2dnbGVHcm91cENvbnRyb2wgPSAoIHtcblx0aXNCbG9jayxcblx0aXNEZXNlbGVjdGFibGUsXG5cdHNpemUsXG59OiBQaWNrPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wcywgJ2lzQmxvY2snIHwgJ2lzRGVzZWxlY3RhYmxlJyA+ICYge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdzaXplJyBdID47XG59ICkgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkuYmFja2dyb3VuZCB9O1xuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyB0b2dnbGVHcm91cENvbnRyb2xTaXplKCBzaXplICkgfVxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0JltkYXRhLWluZGljYXRvci1hbmltYXRlZF06OmJlZm9yZSB7XG5cdFx0XHR0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXM7XG5cdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuXHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdH1cblx0fVxuXG5cdCY6OmJlZm9yZSB7XG5cdFx0Y29udGVudDogJyc7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5ncmF5WyAxMDAgXSB9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5ncmF5WyA3MDAgXSB9O1xuXG5cdFx0Ly8gV2luZG93cyBIaWdoIENvbnRyYXN0IG1vZGUgd2lsbCBzaG93IHRoaXMgb3V0bGluZSwgYnV0IG5vdCB0aGUgYm94LXNoYWRvdy5cblx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IC0zcHg7XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0XHR0b3A6IC0xcHg7XG5cdFx0bGVmdDogLTJweDtcblx0XHR3aWR0aDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdGhlaWdodDogY2FsYyggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1sZWZ0LCAwICkgKiAxcHggKSApO1xuXHRcdC8qIEhpZGUgd2hlbiBkaW1lbnNpb25zIGFyZSB1bnNldCAoMCkgKi9cblx0XHRvcGFjaXR5OiBtaW4oXG5cdFx0XHQxLFxuXHRcdFx0bWF4KCAwLCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSwgdmFyKCAtLXNlbGVjdGVkLWhlaWdodCwgMCApIClcblx0XHQpO1xuXHR9XG5gO1xuXG5jb25zdCBlbmNsb3NpbmdCb3JkZXJzID0gKCBpc0Jsb2NrOiBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ2lzQmxvY2snIF0gKSA9PiB7XG5cdGNvbnN0IGVuY2xvc2luZ0JvcmRlciA9IGNzc2Bcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyAzMDAgXSB9O1xuXHRgO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgaXNCbG9jayAmJiBlbmNsb3NpbmdCb3JkZXIgfVxuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy5ncmF5WyA0MDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRvdXRsaW5lOiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IHNvbGlkXG5cdFx0XHRcdCR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDFweDtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSA9IChcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+XG4pID0+IHtcblx0Y29uc3Qgc3R5bGVzID0ge1xuXHRcdGRlZmF1bHQ6IGNzc2Bcblx0XHRcdGhlaWdodDogMzZweDtcblx0XHRgLFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzogY3NzYFxuXHRcdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdGAsXG5cdH07XG5cblx0cmV0dXJuIHN0eWxlc1sgc2l6ZSBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGJsb2NrID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcbmA7XG4iXX0= */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\nexport const toggleGroupControlSize = size => {\n const styles = {\n default: _ref2,\n '__unstable-large': _ref\n };\n return styles[size];\n};\nexport const block = process.env.NODE_ENV === \"production\" ? {\n name: \"7whenc\",\n styles: \"display:flex;width:100%\"\n} : {\n name: \"2dfrl8-block\",\n styles: \"display:flex;width:100%;label:block;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR3dCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxuXHRzaXplLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiAmIHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnc2l6ZScgXSA+O1xufSApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgdG9nZ2xlR3JvdXBDb250cm9sU2l6ZSggc2l6ZSApIH1cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbFNpemUgPSAoXG5cdHNpemU6IE5vbk51bGxhYmxlPCBUb2dnbGVHcm91cENvbnRyb2xQcm9wc1sgJ3NpemUnIF0gPlxuKSA9PiB7XG5cdGNvbnN0IHN0eWxlcyA9IHtcblx0XHRkZWZhdWx0OiBjc3NgXG5cdFx0XHRoZWlnaHQ6IDM2cHg7XG5cdFx0YCxcblx0XHQnX191bnN0YWJsZS1sYXJnZSc6IGNzc2Bcblx0XHRcdGhlaWdodDogNDBweDtcblx0XHRgLFxuXHR9O1xuXG5cdHJldHVybiBzdHlsZXNbIHNpemUgXTtcbn07XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../../utils';\nexport const block = process.env.NODE_ENV === \"production\" ? {\n name: \"7whenc\",\n styles: \"display:flex;width:100%\"\n} : {\n name: \"2dfrl8-block\",\n styles: \"display:flex;width:100%;label:block;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cdCR7IGlzQmxvY2sgJiYgYmxvY2sgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcbiJdfQ== */\",\n toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\nexport const toggleGroupControl = ({\n isBlock,\n isDeselectable\n}) => /*#__PURE__*/css(\"background:\", COLORS.ui.background, \";border:1px solid transparent;border-radius:\", CONFIG.radiusSmall, \";display:inline-flex;height:40px;min-width:0;position:relative;\", !isDeselectable && enclosingBorders(isBlock), \" \", isBlock && block, \"@media not ( prefers-reduced-motion ){&[data-indicator-animated]::before{transition-property:transform,border-radius;transition-duration:0.2s;transition-timing-function:ease-out;}}&::before{content:'';position:absolute;pointer-events:none;background:\", COLORS.theme.gray[100], \";border:1px solid \", COLORS.theme.gray[700], \";outline:2px solid transparent;outline-offset:-3px;border-radius:\", CONFIG.radiusSmall, \";top:-1px;left:-2px;width:calc( calc( var( --selected-width, 0 ) * 1px ) + 2px );height:calc( calc( var( --selected-height, 0 ) * 1px ) + 2px );transform:translateX( calc( var( --selected-left, 0 ) * 1px ) );opacity:min(\\n\\t\\t\\t1,\\n\\t\\t\\tmax( 0, var( --selected-width, 0 ), var( --selected-height, 0 ) )\\n\\t\\t);}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:toggleGroupControl;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnlFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbCA9ICgge1xuXHRpc0Jsb2NrLFxuXHRpc0Rlc2VsZWN0YWJsZSxcbn06IFBpY2s8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzLCAnaXNCbG9jaycgfCAnaXNEZXNlbGVjdGFibGUnID4gKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNDBweDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXHQkeyBpc0Jsb2NrICYmIGJsb2NrIH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmW2RhdGEtaW5kaWNhdG9yLWFuaW1hdGVkXTo6YmVmb3JlIHtcblx0XHRcdHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1cztcblx0XHRcdHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG5cdFx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG5cdFx0fVxuXHR9XG5cblx0Jjo6YmVmb3JlIHtcblx0XHRjb250ZW50OiAnJztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDEwMCBdIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDcwMCBdIH07XG5cblx0XHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRvdXRsaW5lLW9mZnNldDogLTNweDtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRcdHRvcDogLTFweDtcblx0XHRsZWZ0OiAtMnB4O1xuXHRcdHdpZHRoOiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWxlZnQsIDAgKSAqIDFweCApICk7XG5cdFx0LyogSGlkZSB3aGVuIGRpbWVuc2lvbnMgYXJlIHVuc2V0ICgwKSAqL1xuXHRcdG9wYWNpdHk6IG1pbihcblx0XHRcdDEsXG5cdFx0XHRtYXgoIDAsIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApLCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKVxuXHRcdCk7XG5cdH1cbmA7XG5cbmNvbnN0IGVuY2xvc2luZ0JvcmRlcnMgPSAoIGlzQmxvY2s6IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnaXNCbG9jaycgXSApID0+IHtcblx0Y29uc3QgZW5jbG9zaW5nQm9yZGVyID0gY3NzYFxuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdGA7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBpc0Jsb2NrICYmIGVuY2xvc2luZ0JvcmRlciB9XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDQwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdG91dGxpbmU6ICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gc29saWRcblx0XHRcdFx0JHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMXB4O1xuXHRcdH1cblx0YDtcbn07XG4iXX0= */\");\nconst enclosingBorders = isBlock => {\n const enclosingBorder = /*#__PURE__*/css(\"border-color:\", COLORS.gray[300], \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:enclosingBorder;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTRCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRvZ2dsZUdyb3VwQ29udHJvbCA9ICgge1xuXHRpc0Jsb2NrLFxuXHRpc0Rlc2VsZWN0YWJsZSxcbn06IFBpY2s8IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzLCAnaXNCbG9jaycgfCAnaXNEZXNlbGVjdGFibGUnID4gKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGhlaWdodDogNDBweDtcblx0bWluLXdpZHRoOiAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JHsgISBpc0Rlc2VsZWN0YWJsZSAmJiBlbmNsb3NpbmdCb3JkZXJzKCBpc0Jsb2NrICkgfVxuXHQkeyBpc0Jsb2NrICYmIGJsb2NrIH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmW2RhdGEtaW5kaWNhdG9yLWFuaW1hdGVkXTo6YmVmb3JlIHtcblx0XHRcdHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1cztcblx0XHRcdHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG5cdFx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG5cdFx0fVxuXHR9XG5cblx0Jjo6YmVmb3JlIHtcblx0XHRjb250ZW50OiAnJztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDEwMCBdIH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmdyYXlbIDcwMCBdIH07XG5cblx0XHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRvdXRsaW5lLW9mZnNldDogLTNweDtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRcdHRvcDogLTFweDtcblx0XHRsZWZ0OiAtMnB4O1xuXHRcdHdpZHRoOiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtd2lkdGgsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKiAxcHggKSArIDJweCApO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCggY2FsYyggdmFyKCAtLXNlbGVjdGVkLWxlZnQsIDAgKSAqIDFweCApICk7XG5cdFx0LyogSGlkZSB3aGVuIGRpbWVuc2lvbnMgYXJlIHVuc2V0ICgwKSAqL1xuXHRcdG9wYWNpdHk6IG1pbihcblx0XHRcdDEsXG5cdFx0XHRtYXgoIDAsIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApLCB2YXIoIC0tc2VsZWN0ZWQtaGVpZ2h0LCAwICkgKVxuXHRcdCk7XG5cdH1cbmA7XG5cbmNvbnN0IGVuY2xvc2luZ0JvcmRlcnMgPSAoIGlzQmxvY2s6IFRvZ2dsZUdyb3VwQ29udHJvbFByb3BzWyAnaXNCbG9jaycgXSApID0+IHtcblx0Y29uc3QgZW5jbG9zaW5nQm9yZGVyID0gY3NzYFxuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdGA7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBpc0Jsb2NrICYmIGVuY2xvc2luZ0JvcmRlciB9XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDQwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdG91dGxpbmU6ICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gc29saWRcblx0XHRcdFx0JHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMXB4O1xuXHRcdH1cblx0YDtcbn07XG4iXX0= */\");\n return /*#__PURE__*/css(isBlock && enclosingBorder, \" &:hover{border-color:\", COLORS.gray[400], \";}&:focus-within{z-index:1;outline:\", CONFIG.borderWidthFocus, \" solid \", COLORS.ui.borderFocus, \";outline-offset:1px;}\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:enclosingBorders;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRVciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgdG9nZ2xlR3JvdXBDb250cm9sID0gKCB7XG5cdGlzQmxvY2ssXG5cdGlzRGVzZWxlY3RhYmxlLFxufTogUGljazwgVG9nZ2xlR3JvdXBDb250cm9sUHJvcHMsICdpc0Jsb2NrJyB8ICdpc0Rlc2VsZWN0YWJsZScgPiApID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRtaW4td2lkdGg6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQkeyAhIGlzRGVzZWxlY3RhYmxlICYmIGVuY2xvc2luZ0JvcmRlcnMoIGlzQmxvY2sgKSB9XG5cdCR7IGlzQmxvY2sgJiYgYmxvY2sgfVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCZbZGF0YS1pbmRpY2F0b3ItYW5pbWF0ZWRdOjpiZWZvcmUge1xuXHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzO1xuXHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcblx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDtcblx0XHR9XG5cdH1cblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuZ3JheVsgMTAwIF0gfTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAkeyBDT0xPUlMudGhlbWUuZ3JheVsgNzAwIF0gfTtcblxuXHRcdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAtM3B4O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdFx0dG9wOiAtMXB4O1xuXHRcdGxlZnQ6IC0ycHg7XG5cdFx0d2lkdGg6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC13aWR0aCwgMCApICogMXB4ICkgKyAycHggKTtcblx0XHRoZWlnaHQ6IGNhbGMoIGNhbGMoIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSAqIDFweCApICsgMnB4ICk7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKCBjYWxjKCB2YXIoIC0tc2VsZWN0ZWQtbGVmdCwgMCApICogMXB4ICkgKTtcblx0XHQvKiBIaWRlIHdoZW4gZGltZW5zaW9ucyBhcmUgdW5zZXQgKDApICovXG5cdFx0b3BhY2l0eTogbWluKFxuXHRcdFx0MSxcblx0XHRcdG1heCggMCwgdmFyKCAtLXNlbGVjdGVkLXdpZHRoLCAwICksIHZhciggLS1zZWxlY3RlZC1oZWlnaHQsIDAgKSApXG5cdFx0KTtcblx0fVxuYDtcblxuY29uc3QgZW5jbG9zaW5nQm9yZGVycyA9ICggaXNCbG9jazogVG9nZ2xlR3JvdXBDb250cm9sUHJvcHNbICdpc0Jsb2NrJyBdICkgPT4ge1xuXHRjb25zdCBlbmNsb3NpbmdCb3JkZXIgPSBjc3NgXG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0YDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IGlzQmxvY2sgJiYgZW5jbG9zaW5nQm9yZGVyIH1cblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgNDAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0XHR6LWluZGV4OiAxO1xuXHRcdFx0b3V0bGluZTogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfSBzb2xpZFxuXHRcdFx0XHQkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAxcHg7XG5cdFx0fVxuXHRgO1xufTtcbiJdfQ== */\");\n};"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAoB;AAKpB,mBAA+B;AAT/B,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAUjR,IAAM,QAAQ,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ;AACO,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAAmB,sCAAI,eAAe,oBAAO,GAAG,YAAY,gDAAgD,oBAAO,aAAa,mEAAmE,CAAC,kBAAkB,iBAAiB,OAAO,GAAG,KAAK,WAAW,OAAO,8PAA8P,oBAAO,MAAM,KAAK,GAAG,GAAG,sBAAsB,oBAAO,MAAM,KAAK,GAAG,GAAG,qEAAqE,oBAAO,aAAa,sTAA8T,QAAQ,IAAI,aAAa,eAAe,KAAK,+BAA+B,QAAQ,IAAI,aAAa,eAAe,KAAK,qlGAAqlG;AACjrI,IAAM,mBAAmB,aAAW;AAClC,QAAM,kBAA+B,sCAAI,iBAAiB,oBAAO,KAAK,GAAG,GAAG,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,4BAA4B,QAAQ,IAAI,aAAa,eAAe,KAAK,qlGAAqlG;AAC9xG,SAAoB,sCAAI,WAAW,iBAAiB,0BAA0B,oBAAO,KAAK,GAAG,GAAG,uCAAuC,oBAAO,kBAAkB,WAAW,oBAAO,GAAG,aAAa,2BAA2B,QAAQ,IAAI,aAAa,eAAe,KAAK,6BAA6B,QAAQ,IAAI,aAAa,eAAe,KAAK,qlGAAqlG;AAC36G;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlOption(props, ref) {\n const {\n label,\n ...restProps\n } = props;\n const optionLabel = restProps['aria-label'] || label;\n return /*#__PURE__*/_jsx(ToggleGroupControlOptionBase, {\n ...restProps,\n \"aria-label\": optionLabel,\n ref: ref,\n children: label\n });\n}\n\n/**\n * `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n *\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n * return (\n * <ToggleGroupControl\n * label=\"my label\"\n * value=\"vertical\"\n * isBlock\n *
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAM3B,8CAA6C;AAC7C,yBAA4B;AAC5B,SAAS,oCAAoC,OAAO,KAAK;AACvD,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAc,UAAU,YAAY,KAAK;AAC/C,SAAoB,uCAAAA,KAAK,sEAA8B;AAAA,IACrD,GAAG;AAAA,IACH,cAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AACH;
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlOption(props, ref) {\n const {\n label,\n ...restProps\n } = props;\n const optionLabel = restProps['aria-label'] || label;\n return /*#__PURE__*/_jsx(ToggleGroupControlOptionBase, {\n ...restProps,\n \"aria-label\": optionLabel,\n ref: ref,\n children: label\n });\n}\n\n/**\n * `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n *\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n * return (\n * <ToggleGroupControl\n * label=\"my label\"\n * value=\"vertical\"\n * isBlock\n * >\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControlOption = forwardRef(UnforwardedToggleGroupControlOption);\nToggleGroupControlOption.displayName = 'ToggleGroupControlOption';\nexport default ToggleGroupControlOption;"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAM3B,8CAA6C;AAC7C,yBAA4B;AAC5B,SAAS,oCAAoC,OAAO,KAAK;AACvD,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAc,UAAU,YAAY,KAAK;AAC/C,SAAoB,uCAAAA,KAAK,sEAA8B;AAAA,IACrD,GAAG;AAAA,IACH,cAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AACH;AA0BO,IAAM,+BAA2B,2BAAW,mCAAmC;AACtF,yBAAyB,cAAc;AACvC,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["_jsx"]
|
|
7
7
|
}
|
|
@@ -71,8 +71,7 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
|
|
|
71
71
|
}, "ToggleGroupControlOptionBase");
|
|
72
72
|
const {
|
|
73
73
|
isBlock = false,
|
|
74
|
-
isDeselectable = false
|
|
75
|
-
size = "default"
|
|
74
|
+
isDeselectable = false
|
|
76
75
|
} = toggleGroupControlContext;
|
|
77
76
|
const {
|
|
78
77
|
className,
|
|
@@ -89,9 +88,8 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
|
|
|
89
88
|
const itemClasses = (0, import_element.useMemo)(() => cx(styles.buttonView({
|
|
90
89
|
isDeselectable,
|
|
91
90
|
isIcon,
|
|
92
|
-
isPressed
|
|
93
|
-
|
|
94
|
-
}), className), [cx, isDeselectable, isIcon, isPressed, size, className]);
|
|
91
|
+
isPressed
|
|
92
|
+
}), className), [cx, isDeselectable, isIcon, isPressed, className]);
|
|
95
93
|
const buttonOnClick = () => {
|
|
96
94
|
if (isDeselectable && isPressed) {
|
|
97
95
|
toggleGroupControlContext.setValue(void 0);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\n\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useToggleGroupControlContext } from '../context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst {\n ButtonContentView,\n LabelView\n} = styles;\nconst WithToolTip = ({\n showTooltip,\n text,\n children\n}) => {\n if (showTooltip && text) {\n return /*#__PURE__*/_jsx(Tooltip, {\n text: text,\n placement: \"top\",\n children: children\n });\n }\n return /*#__PURE__*/_jsx(_Fragment, {\n children: children\n });\n};\nfunction ToggleGroupControlOptionBase(props, forwardedRef) {\n const toggleGroupControlContext = useToggleGroupControlContext();\n const id = useInstanceId(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || 'toggle-group-control-option-base');\n const buttonProps = useContextSystem({\n ...props,\n id\n }, 'ToggleGroupControlOptionBase');\n const {\n isBlock = false,\n isDeselectable = false
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,cAAyB;AAKzB,qBAA8B;AAC9B,qBAAiD;AAMjD,qBAAiD;AACjD,IAAAA,kBAA6C;AAC7C,aAAwB;AACxB,mBAAsB;AACtB,qBAAoB;AACpB,yBAAmD;AACnD,IAAM;AAAA,EACJ;AAAA,EACA;AACF,IAAI;AACJ,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,eAAAC,SAAS;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAD,KAAK,mBAAAE,UAAW;AAAA,IAClC;AAAA,EACF,CAAC;AACH;AACA,SAAS,6BAA6B,OAAO,cAAc;AACzD,QAAM,gCAA4B,8CAA6B;AAC/D,QAAM,SAAK,8BAAc,8BAA8B,0BAA0B,UAAU,kCAAkC;AAC7H,QAAM,kBAAc,iCAAiB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,EACF,GAAG,8BAA8B;AACjC,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,iBAAiB;AAAA,
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\n\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useToggleGroupControlContext } from '../context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst {\n ButtonContentView,\n LabelView\n} = styles;\nconst WithToolTip = ({\n showTooltip,\n text,\n children\n}) => {\n if (showTooltip && text) {\n return /*#__PURE__*/_jsx(Tooltip, {\n text: text,\n placement: \"top\",\n children: children\n });\n }\n return /*#__PURE__*/_jsx(_Fragment, {\n children: children\n });\n};\nfunction ToggleGroupControlOptionBase(props, forwardedRef) {\n const toggleGroupControlContext = useToggleGroupControlContext();\n const id = useInstanceId(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || 'toggle-group-control-option-base');\n const buttonProps = useContextSystem({\n ...props,\n id\n }, 'ToggleGroupControlOptionBase');\n const {\n isBlock = false,\n isDeselectable = false\n } = toggleGroupControlContext;\n const {\n className,\n isIcon = false,\n value,\n children,\n showTooltip = false,\n disabled,\n ...otherButtonProps\n } = buttonProps;\n const isPressed = toggleGroupControlContext.value === value;\n const cx = useCx();\n const labelViewClasses = useMemo(() => cx(isBlock && styles.labelBlock), [cx, isBlock]);\n const itemClasses = useMemo(() => cx(styles.buttonView({\n isDeselectable,\n isIcon,\n isPressed\n }), className), [cx, isDeselectable, isIcon, isPressed, className]);\n const buttonOnClick = () => {\n if (isDeselectable && isPressed) {\n toggleGroupControlContext.setValue(undefined);\n } else {\n toggleGroupControlContext.setValue(value);\n }\n };\n const commonProps = {\n ...otherButtonProps,\n className: itemClasses,\n 'data-value': value,\n ref: forwardedRef\n };\n const labelRef = useRef(null);\n useLayoutEffect(() => {\n if (isPressed && labelRef.current) {\n toggleGroupControlContext.setSelectedElement(labelRef.current);\n }\n }, [isPressed, toggleGroupControlContext]);\n return /*#__PURE__*/_jsx(LabelView, {\n ref: labelRef,\n className: labelViewClasses,\n children: /*#__PURE__*/_jsx(WithToolTip, {\n showTooltip: showTooltip,\n text: otherButtonProps['aria-label'],\n children: isDeselectable ? /*#__PURE__*/_jsx(\"button\", {\n ...commonProps,\n disabled: disabled,\n \"aria-pressed\": isPressed,\n type: \"button\",\n onClick: buttonOnClick,\n children: /*#__PURE__*/_jsx(ButtonContentView, {\n children: children\n })\n }) : /*#__PURE__*/_jsx(Ariakit.Radio, {\n disabled: disabled,\n onFocusVisible: () => {\n const selectedValueIsEmpty = toggleGroupControlContext.value === null || toggleGroupControlContext.value === '';\n\n // Conditions ensure that the first visible focus to a radio group\n // without a selected option will not automatically select the option.\n if (!selectedValueIsEmpty || toggleGroupControlContext.activeItemIsNotFirstItem?.()) {\n toggleGroupControlContext.setValue(value);\n }\n },\n render: /*#__PURE__*/_jsx(\"button\", {\n type: \"button\",\n ...commonProps\n }),\n value: value,\n children: /*#__PURE__*/_jsx(ButtonContentView, {\n children: children\n })\n })\n })\n });\n}\n\n/**\n * `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,\n * generic component for any children of `ToggleGroupControl`.\n *\n * @example\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,\n * } from '@wordpress/components';\n *\n * function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nconst ConnectedToggleGroupControlOptionBase = contextConnect(ToggleGroupControlOptionBase, 'ToggleGroupControlOptionBase');\nexport default ConnectedToggleGroupControlOptionBase;"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,cAAyB;AAKzB,qBAA8B;AAC9B,qBAAiD;AAMjD,qBAAiD;AACjD,IAAAA,kBAA6C;AAC7C,aAAwB;AACxB,mBAAsB;AACtB,qBAAoB;AACpB,yBAAmD;AACnD,IAAM;AAAA,EACJ;AAAA,EACA;AACF,IAAI;AACJ,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,eAAAC,SAAS;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAD,KAAK,mBAAAE,UAAW;AAAA,IAClC;AAAA,EACF,CAAC;AACH;AACA,SAAS,6BAA6B,OAAO,cAAc;AACzD,QAAM,gCAA4B,8CAA6B;AAC/D,QAAM,SAAK,8BAAc,8BAA8B,0BAA0B,UAAU,kCAAkC;AAC7H,QAAM,kBAAc,iCAAiB;AAAA,IACnC,GAAG;AAAA,IACH;AAAA,EACF,GAAG,8BAA8B;AACjC,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,iBAAiB;AAAA,EACnB,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,0BAA0B,UAAU;AACtD,QAAM,SAAK,oBAAM;AACjB,QAAM,uBAAmB,wBAAQ,MAAM,GAAG,WAAkB,iBAAU,GAAG,CAAC,IAAI,OAAO,CAAC;AACtF,QAAM,kBAAc,wBAAQ,MAAM,GAAU,kBAAW;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,GAAG,SAAS,GAAG,CAAC,IAAI,gBAAgB,QAAQ,WAAW,SAAS,CAAC;AAClE,QAAM,gBAAgB,MAAM;AAC1B,QAAI,kBAAkB,WAAW;AAC/B,gCAA0B,SAAS,MAAS;AAAA,IAC9C,OAAO;AACL,gCAA0B,SAAS,KAAK;AAAA,IAC1C;AAAA,EACF;AACA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,WAAW;AAAA,IACX,cAAc;AAAA,IACd,KAAK;AAAA,EACP;AACA,QAAM,eAAW,uBAAO,IAAI;AAC5B,sCAAgB,MAAM;AACpB,QAAI,aAAa,SAAS,SAAS;AACjC,gCAA0B,mBAAmB,SAAS,OAAO;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,WAAW,yBAAyB,CAAC;AACzC,SAAoB,uCAAAF,KAAK,WAAW;AAAA,IAClC,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,aAAa;AAAA,MACvC;AAAA,MACA,MAAM,iBAAiB,YAAY;AAAA,MACnC,UAAU,iBAA8B,uCAAAA,KAAK,UAAU;AAAA,QACrD,GAAG;AAAA,QACH;AAAA,QACA,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,SAAS;AAAA,QACT,UAAuB,uCAAAA,KAAK,mBAAmB;AAAA,UAC7C;AAAA,QACF,CAAC;AAAA,MACH,CAAC,IAAiB,uCAAAA,KAAa,eAAO;AAAA,QACpC;AAAA,QACA,gBAAgB,MAAM;AACpB,gBAAM,uBAAuB,0BAA0B,UAAU,QAAQ,0BAA0B,UAAU;AAI7G,cAAI,CAAC,wBAAwB,0BAA0B,2BAA2B,GAAG;AACnF,sCAA0B,SAAS,KAAK;AAAA,UAC1C;AAAA,QACF;AAAA,QACA,QAAqB,uCAAAA,KAAK,UAAU;AAAA,UAClC,MAAM;AAAA,UACN,GAAG;AAAA,QACL,CAAC;AAAA,QACD;AAAA,QACA,UAAuB,uCAAAA,KAAK,mBAAmB;AAAA,UAC7C;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AAuBA,IAAM,4CAAwC,+BAAe,8BAA8B,8BAA8B;AACzH,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["import_context", "_jsx", "Tooltip", "_Fragment"]
|
|
7
7
|
}
|