UNPKG

@wordpress/block-editor

Version:
65 lines (62 loc) 2.45 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = LetterSpacingControl; var _components = require("@wordpress/components"); var _deprecated = _interopRequireDefault(require("@wordpress/deprecated")); var _i18n = require("@wordpress/i18n"); var _useSettings = require("../../components/use-settings"); var _jsxRuntime = require("react/jsx-runtime"); /** * WordPress dependencies */ /** * Internal dependencies */ /** * Control for letter-spacing. * * @param {Object} props Component props. * @param {boolean} props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version. * @param {string} props.value Currently selected letter-spacing. * @param {Function} props.onChange Handles change in letter-spacing selection. * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value. * * @return {Element} Letter-spacing control. */function LetterSpacingControl({ __next40pxDefaultSize = false, value, onChange, __unstableInputWidth = '60px', ...otherProps }) { const [availableUnits] = (0, _useSettings.useSettings)('spacing.units'); const units = (0, _components.__experimentalUseCustomUnits)({ availableUnits: availableUnits || ['px', 'em', 'rem'], defaultValues: { px: 2, em: 0.2, rem: 0.2 } }); if (!__next40pxDefaultSize && (otherProps.size === undefined || otherProps.size === 'default')) { (0, _deprecated.default)(`36px default size for wp.blockEditor.__experimentalLetterSpacingControl`, { since: '6.8', version: '7.1', hint: 'Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version.' }); } return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, { __next40pxDefaultSize: __next40pxDefaultSize, __shouldNotWarnDeprecated36pxSize: true, ...otherProps, label: (0, _i18n.__)('Letter spacing'), value: value, __unstableInputWidth: __unstableInputWidth, units: units, onChange: onChange }); } //# sourceMappingURL=index.js.map