@wordpress/components 25.5.0 → 25.6.0

package/build-module/border-control/styles.js

@@ -1,13 +1,12 @@
 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)."; }
-
 /**
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import { COLORS, CONFIG, boxSizingReset, rtl } from '../utils';
 import { space } from '../ui/utils/space';
 import { StyledLabel } from '../base-control/styles/base-control-styles';
@@ -24,12 +23,12 @@ const labelStyles = process.env.NODE_ENV === "production" ? {
 const focusBoxShadow = /*#__PURE__*/css("box-shadow:inset 0 0 0 ", CONFIG.borderWidth, " ", COLORS.ui.borderFocus, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focusBoxShadow;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3JkZXItY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCBib3hTaXppbmdSZXNldCwgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBTdHlsZWRMYWJlbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQge1xuXHRWYWx1ZUlucHV0IGFzIFVuaXRDb250cm9sV3JhcHBlcixcblx0VW5pdFNlbGVjdCxcbn0gZnJvbSAnLi4vdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzJztcblxuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgbGFiZWxTdHlsZXMgPSBjc3NgXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5gO1xuXG5jb25zdCBmb2N1c0JveFNoYWRvdyA9IGNzc2Bcblx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbCA9IGNzc2Bcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5cdCR7IGJveFNpemluZ1Jlc2V0IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpbm5lcldyYXBwZXIgPSAoKSA9PiBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHRmbGV4OiAxIDEgNDAlO1xuXHR9XG5cdCYmICR7IFVuaXRTZWxlY3QgfSB7XG5cdFx0LyogUHJldmVudCB1bml0IHNlbGVjdCBmb3JjaW5nIG1pbiBoZWlnaHQgbGFyZ2VyIHRoYW4gaXRzIFVuaXRDb250cm9sICovXG5cdFx0bWluLWhlaWdodDogMDtcblx0fVxuYDtcblxuLypcbiAqIFRoaXMgc3R5bGUgaXMgb25seSBhcHBsaWVkIHRvIHRoZSBVbml0Q29udHJvbCB3cmFwcGVyIHdoZW4gdGhlIGJvcmRlciB3aWR0aFxuICogZmllbGQgc2hvdWxkIGJlIGEgc2V0IHdpZHRoLiBPbWl0dGluZyB0aGlzIGFsbG93cyB0aGUgVW5pdENvbnRyb2wgJlxuICogUmFuZ2VDb250cm9sIHRvIHNoYXJlIHRoZSBhdmFpbGFibGUgd2lkdGggaW4gYSA0MC82MCBzcGxpdCByZXNwZWN0aXZlbHkuXG4gKi9cbmV4cG9ydCBjb25zdCB3cmFwcGVyV2lkdGggPSBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHQvKiBGb3JjZSB0aGUgVW5pdENvbnRyb2wncyBzZXQgd2lkdGguICovXG5cdFx0ZmxleDogMCAwIGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVySGVpZ2h0ID0gKCBzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbERyb3Bkb3duID0gKFxuXHRzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogI2ZmZjtcblxuXHQmJiA+IGJ1dHRvbiB7XG5cdFx0Lypcblx0XHQgKiBPdmVycmlkZSBidXR0b24gY29tcG9uZW50IHN0eWxlcyB0byBmaXQgd2l0aGluIEJvcmRlckNvbnRyb2xcblx0XHQgKiByZWdhcmRsZXNzIG9mIHNpemUuXG5cdFx0ICovXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHR3aWR0aDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdFx0cGFkZGluZzogMDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0JHsgcnRsKFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAycHggMCAwIDJweGAgfSxcblx0XHRcdHsgYm9yZGVyUmFkaXVzOiBgMCAycHggMnB4IDBgIH1cblx0XHQpKCkgfVxuXHRcdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXG5cdFx0Jjpmb2N1cyxcblx0XHQmOmhvdmVyOm5vdCggOmRpc2FibGVkICkge1xuXHRcdFx0JHsgZm9jdXNCb3hTaGFkb3cgfVxuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JCb3JkZXIgPSAoIGJvcmRlcj86IEJvcmRlciApID0+IHtcblx0Y29uc3QgeyBjb2xvciwgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRjb25zdCBmYWxsYmFja0NvbG9yID1cblx0XHQhISBzdHlsZSAmJiBzdHlsZSAhPT0gJ25vbmUnID8gQ09MT1JTLmdyYXlbIDMwMCBdIDogdW5kZWZpbmVkO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXN0eWxlOiAkeyBzdHlsZSA9PT0gJ25vbmUnID8gJ3NvbGlkJyA6IHN0eWxlIH07XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBjb2xvciB8fCBmYWxsYmFja0NvbG9yIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JXcmFwcGVyID0gKFxuXHRib3JkZXI/OiBCb3JkZXIsXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4ge1xuXHRjb25zdCB7IHN0eWxlIH0gPSBib3JkZXIgfHwge307XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItcmFkaXVzOiA5OTk5cHg7XG5cdFx0Ym9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0JHsgc3R5bGUgPyBjb2xvckluZGljYXRvckJvcmRlciggYm9yZGVyICkgOiB1bmRlZmluZWQgfVxuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnMjRweCcgOiAnMjJweCcgfTtcblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdHBhZGRpbmc6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcycHgnIDogJzFweCcgfTtcblxuXHRcdC8qXG5cdFx0ICogQ29sb3JJbmRpY2F0b3Jcblx0XHQgKlxuXHRcdCAqIFRoZSB0cmFuc3BhcmVudCBjb2xvcnMgdXNlZCBoZXJlIGVuc3VyZSB2aXNpYmlsaXR5IG9mIHRoZSBpbmRpY2F0b3Jcblx0XHQgKiBvdmVyIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGJvcmRlciBjb250cm9sIGRyb3Bkb3duJ3MgdG9nZ2xlIGJ1dHRvbi5cblx0XHQgKi9cblx0XHQmID4gc3BhbiB7XG5cdFx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdHdpZHRoOiAkeyBzcGFjZSggNCApIH07XG5cdFx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdC00NWRlZyxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNTIlLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1MiVcblx0XHRcdCk7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gTXVzdCBlcXVhbCAkY29sb3ItcGFsZXR0ZS1jaXJjbGUtc2l6ZSBmcm9tOlxuLy8gQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jaXJjdWxhci1vcHRpb24tcGlja2VyL3N0eWxlLnNjc3NcbmNvbnN0IHN3YXRjaFNpemUgPSAyODtcbmNvbnN0IHN3YXRjaEdhcCA9IDEyO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250cm9scyA9IGNzc2Bcblx0d2lkdGg6ICR7IHN3YXRjaFNpemUgKiA2ICsgc3dhdGNoR2FwICogNSB9cHg7XG5cblx0PiBkaXY6Zmlyc3Qtb2YtdHlwZSA+ICR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5cblx0JiYgJHsgU3R5bGVkTGFiZWwgfSArIGJ1dHRvbjpub3QoIC5oYXMtdGV4dCApIHtcblx0XHRtaW4td2lkdGg6IDI0cHg7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xQb3BvdmVyQ29udGVudCA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IGJvcmRlckNvbG9ySW5kaWNhdG9yID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCByZXNldEJ1dHRvbiA9IGNzc2Bcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC8qIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGluZyAqL1xuXHQmJiB7XG5cdFx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDQ2cHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sU3R5bGVQaWNrZXIgPSBjc3NgXG5cdCR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdCR7IGxhYmVsU3R5bGVzIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclN0eWxlQnV0dG9uID0gY3NzYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAzMHB4O1xuXHRcdHdpZHRoOiAzMHB4O1xuXHRcdGhlaWdodDogMzBweDtcblx0XHRwYWRkaW5nOiAzcHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJTbGlkZXIgPSAoKSA9PiBjc3NgXG5cdGZsZXg6IDEgMSA2MCU7XG5cdCR7IHJ0bCggeyBtYXJnaW5SaWdodDogc3BhY2UoIDMgKSB9ICkoKSB9XG5gO1xuIl19 */");
 export const borderControl = /*#__PURE__*/css("border:0;padding:0;margin:0;", boxSizingReset, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:borderControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCZ0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3JkZXItY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCBib3hTaXppbmdSZXNldCwgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBTdHlsZWRMYWJlbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQge1xuXHRWYWx1ZUlucHV0IGFzIFVuaXRDb250cm9sV3JhcHBlcixcblx0VW5pdFNlbGVjdCxcbn0gZnJvbSAnLi4vdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzJztcblxuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgbGFiZWxTdHlsZXMgPSBjc3NgXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5gO1xuXG5jb25zdCBmb2N1c0JveFNoYWRvdyA9IGNzc2Bcblx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbCA9IGNzc2Bcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5cdCR7IGJveFNpemluZ1Jlc2V0IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpbm5lcldyYXBwZXIgPSAoKSA9PiBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHRmbGV4OiAxIDEgNDAlO1xuXHR9XG5cdCYmICR7IFVuaXRTZWxlY3QgfSB7XG5cdFx0LyogUHJldmVudCB1bml0IHNlbGVjdCBmb3JjaW5nIG1pbiBoZWlnaHQgbGFyZ2VyIHRoYW4gaXRzIFVuaXRDb250cm9sICovXG5cdFx0bWluLWhlaWdodDogMDtcblx0fVxuYDtcblxuLypcbiAqIFRoaXMgc3R5bGUgaXMgb25seSBhcHBsaWVkIHRvIHRoZSBVbml0Q29udHJvbCB3cmFwcGVyIHdoZW4gdGhlIGJvcmRlciB3aWR0aFxuICogZmllbGQgc2hvdWxkIGJlIGEgc2V0IHdpZHRoLiBPbWl0dGluZyB0aGlzIGFsbG93cyB0aGUgVW5pdENvbnRyb2wgJlxuICogUmFuZ2VDb250cm9sIHRvIHNoYXJlIHRoZSBhdmFpbGFibGUgd2lkdGggaW4gYSA0MC82MCBzcGxpdCByZXNwZWN0aXZlbHkuXG4gKi9cbmV4cG9ydCBjb25zdCB3cmFwcGVyV2lkdGggPSBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHQvKiBGb3JjZSB0aGUgVW5pdENvbnRyb2wncyBzZXQgd2lkdGguICovXG5cdFx0ZmxleDogMCAwIGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVySGVpZ2h0ID0gKCBzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbERyb3Bkb3duID0gKFxuXHRzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogI2ZmZjtcblxuXHQmJiA+IGJ1dHRvbiB7XG5cdFx0Lypcblx0XHQgKiBPdmVycmlkZSBidXR0b24gY29tcG9uZW50IHN0eWxlcyB0byBmaXQgd2l0aGluIEJvcmRlckNvbnRyb2xcblx0XHQgKiByZWdhcmRsZXNzIG9mIHNpemUuXG5cdFx0ICovXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHR3aWR0aDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdFx0cGFkZGluZzogMDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0JHsgcnRsKFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAycHggMCAwIDJweGAgfSxcblx0XHRcdHsgYm9yZGVyUmFkaXVzOiBgMCAycHggMnB4IDBgIH1cblx0XHQpKCkgfVxuXHRcdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXG5cdFx0Jjpmb2N1cyxcblx0XHQmOmhvdmVyOm5vdCggOmRpc2FibGVkICkge1xuXHRcdFx0JHsgZm9jdXNCb3hTaGFkb3cgfVxuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JCb3JkZXIgPSAoIGJvcmRlcj86IEJvcmRlciApID0+IHtcblx0Y29uc3QgeyBjb2xvciwgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRjb25zdCBmYWxsYmFja0NvbG9yID1cblx0XHQhISBzdHlsZSAmJiBzdHlsZSAhPT0gJ25vbmUnID8gQ09MT1JTLmdyYXlbIDMwMCBdIDogdW5kZWZpbmVkO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXN0eWxlOiAkeyBzdHlsZSA9PT0gJ25vbmUnID8gJ3NvbGlkJyA6IHN0eWxlIH07XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBjb2xvciB8fCBmYWxsYmFja0NvbG9yIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JXcmFwcGVyID0gKFxuXHRib3JkZXI/OiBCb3JkZXIsXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4ge1xuXHRjb25zdCB7IHN0eWxlIH0gPSBib3JkZXIgfHwge307XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItcmFkaXVzOiA5OTk5cHg7XG5cdFx0Ym9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0JHsgc3R5bGUgPyBjb2xvckluZGljYXRvckJvcmRlciggYm9yZGVyICkgOiB1bmRlZmluZWQgfVxuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnMjRweCcgOiAnMjJweCcgfTtcblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdHBhZGRpbmc6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcycHgnIDogJzFweCcgfTtcblxuXHRcdC8qXG5cdFx0ICogQ29sb3JJbmRpY2F0b3Jcblx0XHQgKlxuXHRcdCAqIFRoZSB0cmFuc3BhcmVudCBjb2xvcnMgdXNlZCBoZXJlIGVuc3VyZSB2aXNpYmlsaXR5IG9mIHRoZSBpbmRpY2F0b3Jcblx0XHQgKiBvdmVyIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGJvcmRlciBjb250cm9sIGRyb3Bkb3duJ3MgdG9nZ2xlIGJ1dHRvbi5cblx0XHQgKi9cblx0XHQmID4gc3BhbiB7XG5cdFx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdHdpZHRoOiAkeyBzcGFjZSggNCApIH07XG5cdFx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdC00NWRlZyxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNTIlLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1MiVcblx0XHRcdCk7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gTXVzdCBlcXVhbCAkY29sb3ItcGFsZXR0ZS1jaXJjbGUtc2l6ZSBmcm9tOlxuLy8gQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jaXJjdWxhci1vcHRpb24tcGlja2VyL3N0eWxlLnNjc3NcbmNvbnN0IHN3YXRjaFNpemUgPSAyODtcbmNvbnN0IHN3YXRjaEdhcCA9IDEyO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250cm9scyA9IGNzc2Bcblx0d2lkdGg6ICR7IHN3YXRjaFNpemUgKiA2ICsgc3dhdGNoR2FwICogNSB9cHg7XG5cblx0PiBkaXY6Zmlyc3Qtb2YtdHlwZSA+ICR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5cblx0JiYgJHsgU3R5bGVkTGFiZWwgfSArIGJ1dHRvbjpub3QoIC5oYXMtdGV4dCApIHtcblx0XHRtaW4td2lkdGg6IDI0cHg7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xQb3BvdmVyQ29udGVudCA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IGJvcmRlckNvbG9ySW5kaWNhdG9yID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCByZXNldEJ1dHRvbiA9IGNzc2Bcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC8qIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGluZyAqL1xuXHQmJiB7XG5cdFx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDQ2cHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sU3R5bGVQaWNrZXIgPSBjc3NgXG5cdCR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdCR7IGxhYmVsU3R5bGVzIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclN0eWxlQnV0dG9uID0gY3NzYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAzMHB4O1xuXHRcdHdpZHRoOiAzMHB4O1xuXHRcdGhlaWdodDogMzBweDtcblx0XHRwYWRkaW5nOiAzcHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJTbGlkZXIgPSAoKSA9PiBjc3NgXG5cdGZsZXg6IDEgMSA2MCU7XG5cdCR7IHJ0bCggeyBtYXJnaW5SaWdodDogc3BhY2UoIDMgKSB9ICkoKSB9XG5gO1xuIl19 */");
 export const innerWrapper = () => /*#__PURE__*/css(UnitControlWrapper, "{flex:1 1 40%;}&& ", UnitSelect, "{min-height:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:innerWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3JkZXItY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCBib3hTaXppbmdSZXNldCwgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBTdHlsZWRMYWJlbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQge1xuXHRWYWx1ZUlucHV0IGFzIFVuaXRDb250cm9sV3JhcHBlcixcblx0VW5pdFNlbGVjdCxcbn0gZnJvbSAnLi4vdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzJztcblxuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgbGFiZWxTdHlsZXMgPSBjc3NgXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5gO1xuXG5jb25zdCBmb2N1c0JveFNoYWRvdyA9IGNzc2Bcblx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbCA9IGNzc2Bcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5cdCR7IGJveFNpemluZ1Jlc2V0IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpbm5lcldyYXBwZXIgPSAoKSA9PiBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHRmbGV4OiAxIDEgNDAlO1xuXHR9XG5cdCYmICR7IFVuaXRTZWxlY3QgfSB7XG5cdFx0LyogUHJldmVudCB1bml0IHNlbGVjdCBmb3JjaW5nIG1pbiBoZWlnaHQgbGFyZ2VyIHRoYW4gaXRzIFVuaXRDb250cm9sICovXG5cdFx0bWluLWhlaWdodDogMDtcblx0fVxuYDtcblxuLypcbiAqIFRoaXMgc3R5bGUgaXMgb25seSBhcHBsaWVkIHRvIHRoZSBVbml0Q29udHJvbCB3cmFwcGVyIHdoZW4gdGhlIGJvcmRlciB3aWR0aFxuICogZmllbGQgc2hvdWxkIGJlIGEgc2V0IHdpZHRoLiBPbWl0dGluZyB0aGlzIGFsbG93cyB0aGUgVW5pdENvbnRyb2wgJlxuICogUmFuZ2VDb250cm9sIHRvIHNoYXJlIHRoZSBhdmFpbGFibGUgd2lkdGggaW4gYSA0MC82MCBzcGxpdCByZXNwZWN0aXZlbHkuXG4gKi9cbmV4cG9ydCBjb25zdCB3cmFwcGVyV2lkdGggPSBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHQvKiBGb3JjZSB0aGUgVW5pdENvbnRyb2wncyBzZXQgd2lkdGguICovXG5cdFx0ZmxleDogMCAwIGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVySGVpZ2h0ID0gKCBzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbERyb3Bkb3duID0gKFxuXHRzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogI2ZmZjtcblxuXHQmJiA+IGJ1dHRvbiB7XG5cdFx0Lypcblx0XHQgKiBPdmVycmlkZSBidXR0b24gY29tcG9uZW50IHN0eWxlcyB0byBmaXQgd2l0aGluIEJvcmRlckNvbnRyb2xcblx0XHQgKiByZWdhcmRsZXNzIG9mIHNpemUuXG5cdFx0ICovXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHR3aWR0aDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdFx0cGFkZGluZzogMDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0JHsgcnRsKFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAycHggMCAwIDJweGAgfSxcblx0XHRcdHsgYm9yZGVyUmFkaXVzOiBgMCAycHggMnB4IDBgIH1cblx0XHQpKCkgfVxuXHRcdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXG5cdFx0Jjpmb2N1cyxcblx0XHQmOmhvdmVyOm5vdCggOmRpc2FibGVkICkge1xuXHRcdFx0JHsgZm9jdXNCb3hTaGFkb3cgfVxuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JCb3JkZXIgPSAoIGJvcmRlcj86IEJvcmRlciApID0+IHtcblx0Y29uc3QgeyBjb2xvciwgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRjb25zdCBmYWxsYmFja0NvbG9yID1cblx0XHQhISBzdHlsZSAmJiBzdHlsZSAhPT0gJ25vbmUnID8gQ09MT1JTLmdyYXlbIDMwMCBdIDogdW5kZWZpbmVkO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXN0eWxlOiAkeyBzdHlsZSA9PT0gJ25vbmUnID8gJ3NvbGlkJyA6IHN0eWxlIH07XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBjb2xvciB8fCBmYWxsYmFja0NvbG9yIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JXcmFwcGVyID0gKFxuXHRib3JkZXI/OiBCb3JkZXIsXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4ge1xuXHRjb25zdCB7IHN0eWxlIH0gPSBib3JkZXIgfHwge307XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItcmFkaXVzOiA5OTk5cHg7XG5cdFx0Ym9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0JHsgc3R5bGUgPyBjb2xvckluZGljYXRvckJvcmRlciggYm9yZGVyICkgOiB1bmRlZmluZWQgfVxuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnMjRweCcgOiAnMjJweCcgfTtcblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdHBhZGRpbmc6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcycHgnIDogJzFweCcgfTtcblxuXHRcdC8qXG5cdFx0ICogQ29sb3JJbmRpY2F0b3Jcblx0XHQgKlxuXHRcdCAqIFRoZSB0cmFuc3BhcmVudCBjb2xvcnMgdXNlZCBoZXJlIGVuc3VyZSB2aXNpYmlsaXR5IG9mIHRoZSBpbmRpY2F0b3Jcblx0XHQgKiBvdmVyIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGJvcmRlciBjb250cm9sIGRyb3Bkb3duJ3MgdG9nZ2xlIGJ1dHRvbi5cblx0XHQgKi9cblx0XHQmID4gc3BhbiB7XG5cdFx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdHdpZHRoOiAkeyBzcGFjZSggNCApIH07XG5cdFx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdC00NWRlZyxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNTIlLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1MiVcblx0XHRcdCk7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gTXVzdCBlcXVhbCAkY29sb3ItcGFsZXR0ZS1jaXJjbGUtc2l6ZSBmcm9tOlxuLy8gQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jaXJjdWxhci1vcHRpb24tcGlja2VyL3N0eWxlLnNjc3NcbmNvbnN0IHN3YXRjaFNpemUgPSAyODtcbmNvbnN0IHN3YXRjaEdhcCA9IDEyO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250cm9scyA9IGNzc2Bcblx0d2lkdGg6ICR7IHN3YXRjaFNpemUgKiA2ICsgc3dhdGNoR2FwICogNSB9cHg7XG5cblx0PiBkaXY6Zmlyc3Qtb2YtdHlwZSA+ICR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5cblx0JiYgJHsgU3R5bGVkTGFiZWwgfSArIGJ1dHRvbjpub3QoIC5oYXMtdGV4dCApIHtcblx0XHRtaW4td2lkdGg6IDI0cHg7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xQb3BvdmVyQ29udGVudCA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IGJvcmRlckNvbG9ySW5kaWNhdG9yID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCByZXNldEJ1dHRvbiA9IGNzc2Bcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC8qIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGluZyAqL1xuXHQmJiB7XG5cdFx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDQ2cHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sU3R5bGVQaWNrZXIgPSBjc3NgXG5cdCR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdCR7IGxhYmVsU3R5bGVzIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclN0eWxlQnV0dG9uID0gY3NzYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAzMHB4O1xuXHRcdHdpZHRoOiAzMHB4O1xuXHRcdGhlaWdodDogMzBweDtcblx0XHRwYWRkaW5nOiAzcHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJTbGlkZXIgPSAoKSA9PiBjc3NgXG5cdGZsZXg6IDEgMSA2MCU7XG5cdCR7IHJ0bCggeyBtYXJnaW5SaWdodDogc3BhY2UoIDMgKSB9ICkoKSB9XG5gO1xuIl19 */");
+
 /*
  * This style is only applied to the UnitControl wrapper when the border width
  * field should be a set width. Omitting this allows the UnitControl &
  * RangeControl to share the available width in a 40/60 split respectively.
  */
-
 export const wrapperWidth = /*#__PURE__*/css(UnitControlWrapper, "{flex:0 0 auto;}" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperWidth;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3JkZXItY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCBib3hTaXppbmdSZXNldCwgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBTdHlsZWRMYWJlbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQge1xuXHRWYWx1ZUlucHV0IGFzIFVuaXRDb250cm9sV3JhcHBlcixcblx0VW5pdFNlbGVjdCxcbn0gZnJvbSAnLi4vdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzJztcblxuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgbGFiZWxTdHlsZXMgPSBjc3NgXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5gO1xuXG5jb25zdCBmb2N1c0JveFNoYWRvdyA9IGNzc2Bcblx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbCA9IGNzc2Bcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5cdCR7IGJveFNpemluZ1Jlc2V0IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpbm5lcldyYXBwZXIgPSAoKSA9PiBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHRmbGV4OiAxIDEgNDAlO1xuXHR9XG5cdCYmICR7IFVuaXRTZWxlY3QgfSB7XG5cdFx0LyogUHJldmVudCB1bml0IHNlbGVjdCBmb3JjaW5nIG1pbiBoZWlnaHQgbGFyZ2VyIHRoYW4gaXRzIFVuaXRDb250cm9sICovXG5cdFx0bWluLWhlaWdodDogMDtcblx0fVxuYDtcblxuLypcbiAqIFRoaXMgc3R5bGUgaXMgb25seSBhcHBsaWVkIHRvIHRoZSBVbml0Q29udHJvbCB3cmFwcGVyIHdoZW4gdGhlIGJvcmRlciB3aWR0aFxuICogZmllbGQgc2hvdWxkIGJlIGEgc2V0IHdpZHRoLiBPbWl0dGluZyB0aGlzIGFsbG93cyB0aGUgVW5pdENvbnRyb2wgJlxuICogUmFuZ2VDb250cm9sIHRvIHNoYXJlIHRoZSBhdmFpbGFibGUgd2lkdGggaW4gYSA0MC82MCBzcGxpdCByZXNwZWN0aXZlbHkuXG4gKi9cbmV4cG9ydCBjb25zdCB3cmFwcGVyV2lkdGggPSBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHQvKiBGb3JjZSB0aGUgVW5pdENvbnRyb2wncyBzZXQgd2lkdGguICovXG5cdFx0ZmxleDogMCAwIGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVySGVpZ2h0ID0gKCBzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbERyb3Bkb3duID0gKFxuXHRzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogI2ZmZjtcblxuXHQmJiA+IGJ1dHRvbiB7XG5cdFx0Lypcblx0XHQgKiBPdmVycmlkZSBidXR0b24gY29tcG9uZW50IHN0eWxlcyB0byBmaXQgd2l0aGluIEJvcmRlckNvbnRyb2xcblx0XHQgKiByZWdhcmRsZXNzIG9mIHNpemUuXG5cdFx0ICovXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHR3aWR0aDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdFx0cGFkZGluZzogMDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0JHsgcnRsKFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAycHggMCAwIDJweGAgfSxcblx0XHRcdHsgYm9yZGVyUmFkaXVzOiBgMCAycHggMnB4IDBgIH1cblx0XHQpKCkgfVxuXHRcdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXG5cdFx0Jjpmb2N1cyxcblx0XHQmOmhvdmVyOm5vdCggOmRpc2FibGVkICkge1xuXHRcdFx0JHsgZm9jdXNCb3hTaGFkb3cgfVxuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JCb3JkZXIgPSAoIGJvcmRlcj86IEJvcmRlciApID0+IHtcblx0Y29uc3QgeyBjb2xvciwgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRjb25zdCBmYWxsYmFja0NvbG9yID1cblx0XHQhISBzdHlsZSAmJiBzdHlsZSAhPT0gJ25vbmUnID8gQ09MT1JTLmdyYXlbIDMwMCBdIDogdW5kZWZpbmVkO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXN0eWxlOiAkeyBzdHlsZSA9PT0gJ25vbmUnID8gJ3NvbGlkJyA6IHN0eWxlIH07XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBjb2xvciB8fCBmYWxsYmFja0NvbG9yIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JXcmFwcGVyID0gKFxuXHRib3JkZXI/OiBCb3JkZXIsXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4ge1xuXHRjb25zdCB7IHN0eWxlIH0gPSBib3JkZXIgfHwge307XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItcmFkaXVzOiA5OTk5cHg7XG5cdFx0Ym9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0JHsgc3R5bGUgPyBjb2xvckluZGljYXRvckJvcmRlciggYm9yZGVyICkgOiB1bmRlZmluZWQgfVxuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnMjRweCcgOiAnMjJweCcgfTtcblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdHBhZGRpbmc6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcycHgnIDogJzFweCcgfTtcblxuXHRcdC8qXG5cdFx0ICogQ29sb3JJbmRpY2F0b3Jcblx0XHQgKlxuXHRcdCAqIFRoZSB0cmFuc3BhcmVudCBjb2xvcnMgdXNlZCBoZXJlIGVuc3VyZSB2aXNpYmlsaXR5IG9mIHRoZSBpbmRpY2F0b3Jcblx0XHQgKiBvdmVyIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGJvcmRlciBjb250cm9sIGRyb3Bkb3duJ3MgdG9nZ2xlIGJ1dHRvbi5cblx0XHQgKi9cblx0XHQmID4gc3BhbiB7XG5cdFx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdHdpZHRoOiAkeyBzcGFjZSggNCApIH07XG5cdFx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdC00NWRlZyxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNTIlLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1MiVcblx0XHRcdCk7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gTXVzdCBlcXVhbCAkY29sb3ItcGFsZXR0ZS1jaXJjbGUtc2l6ZSBmcm9tOlxuLy8gQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jaXJjdWxhci1vcHRpb24tcGlja2VyL3N0eWxlLnNjc3NcbmNvbnN0IHN3YXRjaFNpemUgPSAyODtcbmNvbnN0IHN3YXRjaEdhcCA9IDEyO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250cm9scyA9IGNzc2Bcblx0d2lkdGg6ICR7IHN3YXRjaFNpemUgKiA2ICsgc3dhdGNoR2FwICogNSB9cHg7XG5cblx0PiBkaXY6Zmlyc3Qtb2YtdHlwZSA+ICR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5cblx0JiYgJHsgU3R5bGVkTGFiZWwgfSArIGJ1dHRvbjpub3QoIC5oYXMtdGV4dCApIHtcblx0XHRtaW4td2lkdGg6IDI0cHg7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xQb3BvdmVyQ29udGVudCA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IGJvcmRlckNvbG9ySW5kaWNhdG9yID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCByZXNldEJ1dHRvbiA9IGNzc2Bcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC8qIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGluZyAqL1xuXHQmJiB7XG5cdFx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDQ2cHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sU3R5bGVQaWNrZXIgPSBjc3NgXG5cdCR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdCR7IGxhYmVsU3R5bGVzIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclN0eWxlQnV0dG9uID0gY3NzYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAzMHB4O1xuXHRcdHdpZHRoOiAzMHB4O1xuXHRcdGhlaWdodDogMzBweDtcblx0XHRwYWRkaW5nOiAzcHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJTbGlkZXIgPSAoKSA9PiBjc3NgXG5cdGZsZXg6IDEgMSA2MCU7XG5cdCR7IHJ0bCggeyBtYXJnaW5SaWdodDogc3BhY2UoIDMgKSB9ICkoKSB9XG5gO1xuIl19 */");
 export const wrapperHeight = size => {
   return /*#__PURE__*/css("height:", size === '__unstable-large' ? '40px' : '30px', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperHeight;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2JvcmRlci1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcsIGJveFNpemluZ1Jlc2V0LCBydGwgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IFN0eWxlZExhYmVsIH0gZnJvbSAnLi4vYmFzZS1jb250cm9sL3N0eWxlcy9iYXNlLWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCB7XG5cdFZhbHVlSW5wdXQgYXMgVW5pdENvbnRyb2xXcmFwcGVyLFxuXHRVbml0U2VsZWN0LFxufSBmcm9tICcuLi91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMnO1xuXG5pbXBvcnQgdHlwZSB7IEJvcmRlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBsYWJlbFN0eWxlcyA9IGNzc2Bcblx0Zm9udC13ZWlnaHQ6IDUwMDtcbmA7XG5cbmNvbnN0IGZvY3VzQm94U2hhZG93ID0gY3NzYFxuXHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sID0gY3NzYFxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDA7XG5cdG1hcmdpbjogMDtcblx0JHsgYm94U2l6aW5nUmVzZXQgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubmVyV3JhcHBlciA9ICgpID0+IGNzc2Bcblx0JHsgVW5pdENvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdGZsZXg6IDEgMSA0MCU7XG5cdH1cblx0JiYgJHsgVW5pdFNlbGVjdCB9IHtcblx0XHQvKiBQcmV2ZW50IHVuaXQgc2VsZWN0IGZvcmNpbmcgbWluIGhlaWdodCBsYXJnZXIgdGhhbiBpdHMgVW5pdENvbnRyb2wgKi9cblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG4vKlxuICogVGhpcyBzdHlsZSBpcyBvbmx5IGFwcGxpZWQgdG8gdGhlIFVuaXRDb250cm9sIHdyYXBwZXIgd2hlbiB0aGUgYm9yZGVyIHdpZHRoXG4gKiBmaWVsZCBzaG91bGQgYmUgYSBzZXQgd2lkdGguIE9taXR0aW5nIHRoaXMgYWxsb3dzIHRoZSBVbml0Q29udHJvbCAmXG4gKiBSYW5nZUNvbnRyb2wgdG8gc2hhcmUgdGhlIGF2YWlsYWJsZSB3aWR0aCBpbiBhIDQwLzYwIHNwbGl0IHJlc3BlY3RpdmVseS5cbiAqL1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJXaWR0aCA9IGNzc2Bcblx0JHsgVW5pdENvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdC8qIEZvcmNlIHRoZSBVbml0Q29udHJvbCdzIHNldCB3aWR0aC4gKi9cblx0XHRmbGV4OiAwIDAgYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJIZWlnaHQgPSAoIHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZScgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sRHJvcGRvd24gPSAoXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAjZmZmO1xuXG5cdCYmID4gYnV0dG9uIHtcblx0XHQvKlxuXHRcdCAqIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGVzIHRvIGZpdCB3aXRoaW4gQm9yZGVyQ29udHJvbFxuXHRcdCAqIHJlZ2FyZGxlc3Mgb2Ygc2l6ZS5cblx0XHQgKi9cblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICc0MHB4JyA6ICczMHB4JyB9O1xuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHQkeyBydGwoXG5cdFx0XHR7IGJvcmRlclJhZGl1czogYDJweCAwIDAgMnB4YCB9LFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAwIDJweCAycHggMGAgfVxuXHRcdCkoKSB9XG5cdFx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0XHQmOmZvY3VzLFxuXHRcdCY6aG92ZXI6bm90KCA6ZGlzYWJsZWQgKSB7XG5cdFx0XHQkeyBmb2N1c0JveFNoYWRvdyB9XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb2xvckluZGljYXRvckJvcmRlciA9ICggYm9yZGVyPzogQm9yZGVyICkgPT4ge1xuXHRjb25zdCB7IGNvbG9yLCBzdHlsZSB9ID0gYm9yZGVyIHx8IHt9O1xuXG5cdGNvbnN0IGZhbGxiYWNrQ29sb3IgPVxuXHRcdCEhIHN0eWxlICYmIHN0eWxlICE9PSAnbm9uZScgPyBDT0xPUlMuZ3JheVsgMzAwIF0gOiB1bmRlZmluZWQ7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItc3R5bGU6ICR7IHN0eWxlID09PSAnbm9uZScgPyAnc29saWQnIDogc3R5bGUgfTtcblx0XHRib3JkZXItY29sb3I6ICR7IGNvbG9yIHx8IGZhbGxiYWNrQ29sb3IgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBjb2xvckluZGljYXRvcldyYXBwZXIgPSAoXG5cdGJvcmRlcj86IEJvcmRlcixcblx0c2l6ZT86ICdkZWZhdWx0JyB8ICdfX3Vuc3RhYmxlLWxhcmdlJ1xuKSA9PiB7XG5cdGNvbnN0IHsgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJvcmRlci1yYWRpdXM6IDk5OTlweDtcblx0XHRib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHQkeyBzdHlsZSA/IGNvbG9ySW5kaWNhdG9yQm9yZGVyKCBib3JkZXIgKSA6IHVuZGVmaW5lZCB9XG5cdFx0d2lkdGg6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzI0cHgnIDogJzIycHgnIH07XG5cdFx0cGFkZGluZzogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzJweCcgOiAnMXB4JyB9O1xuXG5cdFx0Lypcblx0XHQgKiBDb2xvckluZGljYXRvclxuXHRcdCAqXG5cdFx0ICogVGhlIHRyYW5zcGFyZW50IGNvbG9ycyB1c2VkIGhlcmUgZW5zdXJlIHZpc2liaWxpdHkgb2YgdGhlIGluZGljYXRvclxuXHRcdCAqIG92ZXIgdGhlIGFjdGl2ZSBzdGF0ZSBvZiB0aGUgYm9yZGVyIGNvbnRyb2wgZHJvcGRvd24ncyB0b2dnbGUgYnV0dG9uLlxuXHRcdCAqL1xuXHRcdCYgPiBzcGFuIHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdFx0d2lkdGg6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0LTQ1ZGVnLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA0OCUsXG5cdFx0XHRcdHJnYiggMCAwIDAgLyAyMCUgKSA0OCUsXG5cdFx0XHRcdHJnYiggMCAwIDAgLyAyMCUgKSA1MiUsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDUyJVxuXHRcdFx0KTtcblx0XHR9XG5cdGA7XG59O1xuXG4vLyBNdXN0IGVxdWFsICRjb2xvci1wYWxldHRlLWNpcmNsZS1zaXplIGZyb206XG4vLyBAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NpcmN1bGFyLW9wdGlvbi1waWNrZXIvc3R5bGUuc2Nzc1xuY29uc3Qgc3dhdGNoU2l6ZSA9IDI4O1xuY29uc3Qgc3dhdGNoR2FwID0gMTI7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sUG9wb3ZlckNvbnRyb2xzID0gY3NzYFxuXHR3aWR0aDogJHsgc3dhdGNoU2l6ZSAqIDYgKyBzd2F0Y2hHYXAgKiA1IH1weDtcblxuXHQ+IGRpdjpmaXJzdC1vZi10eXBlID4gJHsgU3R5bGVkTGFiZWwgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHQkeyBsYWJlbFN0eWxlcyB9XG5cdH1cblxuXHQmJiAkeyBTdHlsZWRMYWJlbCB9ICsgYnV0dG9uOm5vdCggLmhhcy10ZXh0ICkge1xuXHRcdG1pbi13aWR0aDogMjRweDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250ZW50ID0gY3NzYGA7XG5leHBvcnQgY29uc3QgYm9yZGVyQ29sb3JJbmRpY2F0b3IgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHJlc2V0QnV0dG9uID0gY3NzYFxuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cblx0LyogT3ZlcnJpZGUgYnV0dG9uIGNvbXBvbmVudCBzdHlsaW5nICovXG5cdCYmIHtcblx0XHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogNDZweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xTdHlsZVBpY2tlciA9IGNzc2Bcblx0JHsgU3R5bGVkTGFiZWwgfSB7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyU3R5bGVCdXR0b24gPSBjc3NgXG5cdCYmJiYmIHtcblx0XHRtaW4td2lkdGg6IDMwcHg7XG5cdFx0d2lkdGg6IDMwcHg7XG5cdFx0aGVpZ2h0OiAzMHB4O1xuXHRcdHBhZGRpbmc6IDNweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclNsaWRlciA9ICgpID0+IGNzc2Bcblx0ZmxleDogMSAxIDYwJTtcblx0JHsgcnRsKCB7IG1hcmdpblJpZ2h0OiBzcGFjZSggMyApIH0gKSgpIH1cbmA7XG4iXX0= */");
@@ -52,9 +51,10 @@ export const colorIndicatorWrapper = (border, size) => {
     style
   } = border || {};
   return /*#__PURE__*/css("border-radius:9999px;border:2px solid transparent;", style ? colorIndicatorBorder(border) : undefined, " width:", size === '__unstable-large' ? '24px' : '22px', ";height:", size === '__unstable-large' ? '24px' : '22px', ";padding:", size === '__unstable-large' ? '2px' : '1px', ";&>span{height:", space(4), ";width:", space(4), ";background:linear-gradient(\n\t\t\t\t-45deg,\n\t\t\t\ttransparent 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 52%,\n\t\t\t\ttransparent 52%\n\t\t\t);}" + (process.env.NODE_ENV === "production" ? "" : ";label:colorIndicatorWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2JvcmRlci1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcsIGJveFNpemluZ1Jlc2V0LCBydGwgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7IFN0eWxlZExhYmVsIH0gZnJvbSAnLi4vYmFzZS1jb250cm9sL3N0eWxlcy9iYXNlLWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCB7XG5cdFZhbHVlSW5wdXQgYXMgVW5pdENvbnRyb2xXcmFwcGVyLFxuXHRVbml0U2VsZWN0LFxufSBmcm9tICcuLi91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMnO1xuXG5pbXBvcnQgdHlwZSB7IEJvcmRlciB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBsYWJlbFN0eWxlcyA9IGNzc2Bcblx0Zm9udC13ZWlnaHQ6IDUwMDtcbmA7XG5cbmNvbnN0IGZvY3VzQm94U2hhZG93ID0gY3NzYFxuXHRib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sID0gY3NzYFxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDA7XG5cdG1hcmdpbjogMDtcblx0JHsgYm94U2l6aW5nUmVzZXQgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubmVyV3JhcHBlciA9ICgpID0+IGNzc2Bcblx0JHsgVW5pdENvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdGZsZXg6IDEgMSA0MCU7XG5cdH1cblx0JiYgJHsgVW5pdFNlbGVjdCB9IHtcblx0XHQvKiBQcmV2ZW50IHVuaXQgc2VsZWN0IGZvcmNpbmcgbWluIGhlaWdodCBsYXJnZXIgdGhhbiBpdHMgVW5pdENvbnRyb2wgKi9cblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG4vKlxuICogVGhpcyBzdHlsZSBpcyBvbmx5IGFwcGxpZWQgdG8gdGhlIFVuaXRDb250cm9sIHdyYXBwZXIgd2hlbiB0aGUgYm9yZGVyIHdpZHRoXG4gKiBmaWVsZCBzaG91bGQgYmUgYSBzZXQgd2lkdGguIE9taXR0aW5nIHRoaXMgYWxsb3dzIHRoZSBVbml0Q29udHJvbCAmXG4gKiBSYW5nZUNvbnRyb2wgdG8gc2hhcmUgdGhlIGF2YWlsYWJsZSB3aWR0aCBpbiBhIDQwLzYwIHNwbGl0IHJlc3BlY3RpdmVseS5cbiAqL1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJXaWR0aCA9IGNzc2Bcblx0JHsgVW5pdENvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdC8qIEZvcmNlIHRoZSBVbml0Q29udHJvbCdzIHNldCB3aWR0aC4gKi9cblx0XHRmbGV4OiAwIDAgYXV0bztcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJIZWlnaHQgPSAoIHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZScgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sRHJvcGRvd24gPSAoXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAjZmZmO1xuXG5cdCYmID4gYnV0dG9uIHtcblx0XHQvKlxuXHRcdCAqIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGVzIHRvIGZpdCB3aXRoaW4gQm9yZGVyQ29udHJvbFxuXHRcdCAqIHJlZ2FyZGxlc3Mgb2Ygc2l6ZS5cblx0XHQgKi9cblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICc0MHB4JyA6ICczMHB4JyB9O1xuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHQkeyBydGwoXG5cdFx0XHR7IGJvcmRlclJhZGl1czogYDJweCAwIDAgMnB4YCB9LFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAwIDJweCAycHggMGAgfVxuXHRcdCkoKSB9XG5cdFx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0XHQmOmZvY3VzLFxuXHRcdCY6aG92ZXI6bm90KCA6ZGlzYWJsZWQgKSB7XG5cdFx0XHQkeyBmb2N1c0JveFNoYWRvdyB9XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0ei1pbmRleDogMTtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb2xvckluZGljYXRvckJvcmRlciA9ICggYm9yZGVyPzogQm9yZGVyICkgPT4ge1xuXHRjb25zdCB7IGNvbG9yLCBzdHlsZSB9ID0gYm9yZGVyIHx8IHt9O1xuXG5cdGNvbnN0IGZhbGxiYWNrQ29sb3IgPVxuXHRcdCEhIHN0eWxlICYmIHN0eWxlICE9PSAnbm9uZScgPyBDT0xPUlMuZ3JheVsgMzAwIF0gOiB1bmRlZmluZWQ7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItc3R5bGU6ICR7IHN0eWxlID09PSAnbm9uZScgPyAnc29saWQnIDogc3R5bGUgfTtcblx0XHRib3JkZXItY29sb3I6ICR7IGNvbG9yIHx8IGZhbGxiYWNrQ29sb3IgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBjb2xvckluZGljYXRvcldyYXBwZXIgPSAoXG5cdGJvcmRlcj86IEJvcmRlcixcblx0c2l6ZT86ICdkZWZhdWx0JyB8ICdfX3Vuc3RhYmxlLWxhcmdlJ1xuKSA9PiB7XG5cdGNvbnN0IHsgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJvcmRlci1yYWRpdXM6IDk5OTlweDtcblx0XHRib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHQkeyBzdHlsZSA/IGNvbG9ySW5kaWNhdG9yQm9yZGVyKCBib3JkZXIgKSA6IHVuZGVmaW5lZCB9XG5cdFx0d2lkdGg6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzI0cHgnIDogJzIycHgnIH07XG5cdFx0cGFkZGluZzogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzJweCcgOiAnMXB4JyB9O1xuXG5cdFx0Lypcblx0XHQgKiBDb2xvckluZGljYXRvclxuXHRcdCAqXG5cdFx0ICogVGhlIHRyYW5zcGFyZW50IGNvbG9ycyB1c2VkIGhlcmUgZW5zdXJlIHZpc2liaWxpdHkgb2YgdGhlIGluZGljYXRvclxuXHRcdCAqIG92ZXIgdGhlIGFjdGl2ZSBzdGF0ZSBvZiB0aGUgYm9yZGVyIGNvbnRyb2wgZHJvcGRvd24ncyB0b2dnbGUgYnV0dG9uLlxuXHRcdCAqL1xuXHRcdCYgPiBzcGFuIHtcblx0XHRcdGhlaWdodDogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdFx0d2lkdGg6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0LTQ1ZGVnLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA0OCUsXG5cdFx0XHRcdHJnYiggMCAwIDAgLyAyMCUgKSA0OCUsXG5cdFx0XHRcdHJnYiggMCAwIDAgLyAyMCUgKSA1MiUsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDUyJVxuXHRcdFx0KTtcblx0XHR9XG5cdGA7XG59O1xuXG4vLyBNdXN0IGVxdWFsICRjb2xvci1wYWxldHRlLWNpcmNsZS1zaXplIGZyb206XG4vLyBAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2NpcmN1bGFyLW9wdGlvbi1waWNrZXIvc3R5bGUuc2Nzc1xuY29uc3Qgc3dhdGNoU2l6ZSA9IDI4O1xuY29uc3Qgc3dhdGNoR2FwID0gMTI7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sUG9wb3ZlckNvbnRyb2xzID0gY3NzYFxuXHR3aWR0aDogJHsgc3dhdGNoU2l6ZSAqIDYgKyBzd2F0Y2hHYXAgKiA1IH1weDtcblxuXHQ+IGRpdjpmaXJzdC1vZi10eXBlID4gJHsgU3R5bGVkTGFiZWwgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHQkeyBsYWJlbFN0eWxlcyB9XG5cdH1cblxuXHQmJiAkeyBTdHlsZWRMYWJlbCB9ICsgYnV0dG9uOm5vdCggLmhhcy10ZXh0ICkge1xuXHRcdG1pbi13aWR0aDogMjRweDtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250ZW50ID0gY3NzYGA7XG5leHBvcnQgY29uc3QgYm9yZGVyQ29sb3JJbmRpY2F0b3IgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHJlc2V0QnV0dG9uID0gY3NzYFxuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cblx0LyogT3ZlcnJpZGUgYnV0dG9uIGNvbXBvbmVudCBzdHlsaW5nICovXG5cdCYmIHtcblx0XHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogNDZweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xTdHlsZVBpY2tlciA9IGNzc2Bcblx0JHsgU3R5bGVkTGFiZWwgfSB7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyU3R5bGVCdXR0b24gPSBjc3NgXG5cdCYmJiYmIHtcblx0XHRtaW4td2lkdGg6IDMwcHg7XG5cdFx0d2lkdGg6IDMwcHg7XG5cdFx0aGVpZ2h0OiAzMHB4O1xuXHRcdHBhZGRpbmc6IDNweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclNsaWRlciA9ICgpID0+IGNzc2Bcblx0ZmxleDogMSAxIDYwJTtcblx0JHsgcnRsKCB7IG1hcmdpblJpZ2h0OiBzcGFjZSggMyApIH0gKSgpIH1cbmA7XG4iXX0= */");
-}; // Must equal $color-palette-circle-size from:
-// @wordpress/components/src/circular-option-picker/style.scss
+};
 
+// Must equal $color-palette-circle-size from:
+// @wordpress/components/src/circular-option-picker/style.scss
 const swatchSize = 28;
 const swatchGap = 12;
 export const borderControlPopoverControls = /*#__PURE__*/css("width:", swatchSize * 6 + swatchGap * 5, "px;>div:first-of-type>", StyledLabel, "{margin-bottom:0;", labelStyles, ";}&& ", StyledLabel, "+button:not( .has-text ){min-width:24px;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:borderControlPopoverControls;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYm9yZGVyLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdKK0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9ib3JkZXItY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHLCBib3hTaXppbmdSZXNldCwgcnRsIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgeyBTdHlsZWRMYWJlbCB9IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQge1xuXHRWYWx1ZUlucHV0IGFzIFVuaXRDb250cm9sV3JhcHBlcixcblx0VW5pdFNlbGVjdCxcbn0gZnJvbSAnLi4vdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzJztcblxuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgbGFiZWxTdHlsZXMgPSBjc3NgXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5gO1xuXG5jb25zdCBmb2N1c0JveFNoYWRvdyA9IGNzc2Bcblx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbCA9IGNzc2Bcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5cdCR7IGJveFNpemluZ1Jlc2V0IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpbm5lcldyYXBwZXIgPSAoKSA9PiBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHRmbGV4OiAxIDEgNDAlO1xuXHR9XG5cdCYmICR7IFVuaXRTZWxlY3QgfSB7XG5cdFx0LyogUHJldmVudCB1bml0IHNlbGVjdCBmb3JjaW5nIG1pbiBoZWlnaHQgbGFyZ2VyIHRoYW4gaXRzIFVuaXRDb250cm9sICovXG5cdFx0bWluLWhlaWdodDogMDtcblx0fVxuYDtcblxuLypcbiAqIFRoaXMgc3R5bGUgaXMgb25seSBhcHBsaWVkIHRvIHRoZSBVbml0Q29udHJvbCB3cmFwcGVyIHdoZW4gdGhlIGJvcmRlciB3aWR0aFxuICogZmllbGQgc2hvdWxkIGJlIGEgc2V0IHdpZHRoLiBPbWl0dGluZyB0aGlzIGFsbG93cyB0aGUgVW5pdENvbnRyb2wgJlxuICogUmFuZ2VDb250cm9sIHRvIHNoYXJlIHRoZSBhdmFpbGFibGUgd2lkdGggaW4gYSA0MC82MCBzcGxpdCByZXNwZWN0aXZlbHkuXG4gKi9cbmV4cG9ydCBjb25zdCB3cmFwcGVyV2lkdGggPSBjc3NgXG5cdCR7IFVuaXRDb250cm9sV3JhcHBlciB9IHtcblx0XHQvKiBGb3JjZSB0aGUgVW5pdENvbnRyb2wncyBzZXQgd2lkdGguICovXG5cdFx0ZmxleDogMCAwIGF1dG87XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVySGVpZ2h0ID0gKCBzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGhlaWdodDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbERyb3Bkb3duID0gKFxuXHRzaXplPzogJ2RlZmF1bHQnIHwgJ19fdW5zdGFibGUtbGFyZ2UnXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogI2ZmZjtcblxuXHQmJiA+IGJ1dHRvbiB7XG5cdFx0Lypcblx0XHQgKiBPdmVycmlkZSBidXR0b24gY29tcG9uZW50IHN0eWxlcyB0byBmaXQgd2l0aGluIEJvcmRlckNvbnRyb2xcblx0XHQgKiByZWdhcmRsZXNzIG9mIHNpemUuXG5cdFx0ICovXG5cdFx0aGVpZ2h0OiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnNDBweCcgOiAnMzBweCcgfTtcblx0XHR3aWR0aDogJHsgc2l6ZSA9PT0gJ19fdW5zdGFibGUtbGFyZ2UnID8gJzQwcHgnIDogJzMwcHgnIH07XG5cdFx0cGFkZGluZzogMDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0JHsgcnRsKFxuXHRcdFx0eyBib3JkZXJSYWRpdXM6IGAycHggMCAwIDJweGAgfSxcblx0XHRcdHsgYm9yZGVyUmFkaXVzOiBgMCAycHggMnB4IDBgIH1cblx0XHQpKCkgfVxuXHRcdGJvcmRlcjogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXG5cdFx0Jjpmb2N1cyxcblx0XHQmOmhvdmVyOm5vdCggOmRpc2FibGVkICkge1xuXHRcdFx0JHsgZm9jdXNCb3hTaGFkb3cgfVxuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JCb3JkZXIgPSAoIGJvcmRlcj86IEJvcmRlciApID0+IHtcblx0Y29uc3QgeyBjb2xvciwgc3R5bGUgfSA9IGJvcmRlciB8fCB7fTtcblxuXHRjb25zdCBmYWxsYmFja0NvbG9yID1cblx0XHQhISBzdHlsZSAmJiBzdHlsZSAhPT0gJ25vbmUnID8gQ09MT1JTLmdyYXlbIDMwMCBdIDogdW5kZWZpbmVkO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXN0eWxlOiAkeyBzdHlsZSA9PT0gJ25vbmUnID8gJ3NvbGlkJyA6IHN0eWxlIH07XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBjb2xvciB8fCBmYWxsYmFja0NvbG9yIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JJbmRpY2F0b3JXcmFwcGVyID0gKFxuXHRib3JkZXI/OiBCb3JkZXIsXG5cdHNpemU/OiAnZGVmYXVsdCcgfCAnX191bnN0YWJsZS1sYXJnZSdcbikgPT4ge1xuXHRjb25zdCB7IHN0eWxlIH0gPSBib3JkZXIgfHwge307XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3JkZXItcmFkaXVzOiA5OTk5cHg7XG5cdFx0Ym9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0JHsgc3R5bGUgPyBjb2xvckluZGljYXRvckJvcmRlciggYm9yZGVyICkgOiB1bmRlZmluZWQgfVxuXHRcdHdpZHRoOiAkeyBzaXplID09PSAnX191bnN0YWJsZS1sYXJnZScgPyAnMjRweCcgOiAnMjJweCcgfTtcblx0XHRoZWlnaHQ6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcyNHB4JyA6ICcyMnB4JyB9O1xuXHRcdHBhZGRpbmc6ICR7IHNpemUgPT09ICdfX3Vuc3RhYmxlLWxhcmdlJyA/ICcycHgnIDogJzFweCcgfTtcblxuXHRcdC8qXG5cdFx0ICogQ29sb3JJbmRpY2F0b3Jcblx0XHQgKlxuXHRcdCAqIFRoZSB0cmFuc3BhcmVudCBjb2xvcnMgdXNlZCBoZXJlIGVuc3VyZSB2aXNpYmlsaXR5IG9mIHRoZSBpbmRpY2F0b3Jcblx0XHQgKiBvdmVyIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGJvcmRlciBjb250cm9sIGRyb3Bkb3duJ3MgdG9nZ2xlIGJ1dHRvbi5cblx0XHQgKi9cblx0XHQmID4gc3BhbiB7XG5cdFx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRcdHdpZHRoOiAkeyBzcGFjZSggNCApIH07XG5cdFx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdC00NWRlZyxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNDglLFxuXHRcdFx0XHRyZ2IoIDAgMCAwIC8gMjAlICkgNTIlLFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1MiVcblx0XHRcdCk7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gTXVzdCBlcXVhbCAkY29sb3ItcGFsZXR0ZS1jaXJjbGUtc2l6ZSBmcm9tOlxuLy8gQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jaXJjdWxhci1vcHRpb24tcGlja2VyL3N0eWxlLnNjc3NcbmNvbnN0IHN3YXRjaFNpemUgPSAyODtcbmNvbnN0IHN3YXRjaEdhcCA9IDEyO1xuXG5leHBvcnQgY29uc3QgYm9yZGVyQ29udHJvbFBvcG92ZXJDb250cm9scyA9IGNzc2Bcblx0d2lkdGg6ICR7IHN3YXRjaFNpemUgKiA2ICsgc3dhdGNoR2FwICogNSB9cHg7XG5cblx0PiBkaXY6Zmlyc3Qtb2YtdHlwZSA+ICR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0JHsgbGFiZWxTdHlsZXMgfVxuXHR9XG5cblx0JiYgJHsgU3R5bGVkTGFiZWwgfSArIGJ1dHRvbjpub3QoIC5oYXMtdGV4dCApIHtcblx0XHRtaW4td2lkdGg6IDI0cHg7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlckNvbnRyb2xQb3BvdmVyQ29udGVudCA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IGJvcmRlckNvbG9ySW5kaWNhdG9yID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCByZXNldEJ1dHRvbiA9IGNzc2Bcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC8qIE92ZXJyaWRlIGJ1dHRvbiBjb21wb25lbnQgc3R5bGluZyAqL1xuXHQmJiB7XG5cdFx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDQ2cHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJDb250cm9sU3R5bGVQaWNrZXIgPSBjc3NgXG5cdCR7IFN0eWxlZExhYmVsIH0ge1xuXHRcdCR7IGxhYmVsU3R5bGVzIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGJvcmRlclN0eWxlQnV0dG9uID0gY3NzYFxuXHQmJiYmJiB7XG5cdFx0bWluLXdpZHRoOiAzMHB4O1xuXHRcdHdpZHRoOiAzMHB4O1xuXHRcdGhlaWdodDogMzBweDtcblx0XHRwYWRkaW5nOiAzcHg7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBib3JkZXJTbGlkZXIgPSAoKSA9PiBjc3NgXG5cdGZsZXg6IDEgMSA2MCU7XG5cdCR7IHJ0bCggeyBtYXJnaW5SaWdodDogc3BhY2UoIDMgKSB9ICkoKSB9XG5gO1xuIl19 */");

package/build-module/border-control/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/border-control/styles.ts"],"names":["css","COLORS","CONFIG","boxSizingReset","rtl","space","StyledLabel","ValueInput","UnitControlWrapper","UnitSelect","labelStyles","focusBoxShadow","borderWidth","ui","borderFocus","borderControl","innerWrapper","wrapperWidth","wrapperHeight","size","borderControlDropdown","borderRadius","border","colorIndicatorBorder","color","style","fallbackColor","gray","undefined","colorIndicatorWrapper","swatchSize","swatchGap","borderControlPopoverControls","borderControlPopoverContent","borderColorIndicator","resetButton","borderControlStylePicker","borderStyleButton","borderSlider","marginRight"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG, boxSizingReset, rtl } from '../utils';\nimport { space } from '../ui/utils/space';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport {\n\tValueInput as UnitControlWrapper,\n\tUnitSelect,\n} from '../unit-control/styles/unit-control-styles';\n\nimport type { Border } from './types';\n\nconst labelStyles = css`\n\tfont-weight: 500;\n`;\n\nconst focusBoxShadow = css`\n\tbox-shadow: inset 0 0 0 ${ CONFIG.borderWidth } ${ COLORS.ui.borderFocus };\n`;\n\nexport const borderControl = css`\n\tborder: 0;\n\tpadding: 0;\n\tmargin: 0;\n\t${ boxSizingReset }\n`;\n\nexport const innerWrapper = () => css`\n\t${ UnitControlWrapper } {\n\t\tflex: 1 1 40%;\n\t}\n\t&& ${ UnitSelect } {\n\t\t/* Prevent unit select forcing min height larger than its UnitControl */\n\t\tmin-height: 0;\n\t}\n`;\n\n/*\n * This style is only applied to the UnitControl wrapper when the border width\n * field should be a set width. Omitting this allows the UnitControl &\n * RangeControl to share the available width in a 40/60 split respectively.\n */\nexport const wrapperWidth = css`\n\t${ UnitControlWrapper } {\n\t\t/* Force the UnitControl's set width. */\n\t\tflex: 0 0 auto;\n\t}\n`;\n\nexport const wrapperHeight = ( size?: 'default' | '__unstable-large' ) => {\n\treturn css`\n\t\theight: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t`;\n};\n\nexport const borderControlDropdown = (\n\tsize?: 'default' | '__unstable-large'\n) => css`\n\tbackground: #fff;\n\n\t&& > button {\n\t\t/*\n\t\t * Override button component styles to fit within BorderControl\n\t\t * regardless of size.\n\t\t */\n\t\theight: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t\twidth: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t${ rtl(\n\t\t\t{ borderRadius: `2px 0 0 2px` },\n\t\t\t{ borderRadius: `0 2px 2px 0` }\n\t\t)() }\n\t\tborder: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border };\n\n\t\t&:focus,\n\t\t&:hover:not( :disabled ) {\n\t\t\t${ focusBoxShadow }\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t}\n\t}\n`;\n\nexport const colorIndicatorBorder = ( border?: Border ) => {\n\tconst { color, style } = border || {};\n\n\tconst fallbackColor =\n\t\t!! style && style !== 'none' ? COLORS.gray[ 300 ] : undefined;\n\n\treturn css`\n\t\tborder-style: ${ style === 'none' ? 'solid' : style };\n\t\tborder-color: ${ color || fallbackColor };\n\t`;\n};\n\nexport const colorIndicatorWrapper = (\n\tborder?: Border,\n\tsize?: 'default' | '__unstable-large'\n) => {\n\tconst { style } = border || {};\n\n\treturn css`\n\t\tborder-radius: 9999px;\n\t\tborder: 2px solid transparent;\n\t\t${ style ? colorIndicatorBorder( border ) : undefined }\n\t\twidth: ${ size === '__unstable-large' ? '24px' : '22px' };\n\t\theight: ${ size === '__unstable-large' ? '24px' : '22px' };\n\t\tpadding: ${ size === '__unstable-large' ? '2px' : '1px' };\n\n\t\t/*\n\t\t * ColorIndicator\n\t\t *\n\t\t * The transparent colors used here ensure visibility of the indicator\n\t\t * over the active state of the border control dropdown's toggle button.\n\t\t */\n\t\t& > span {\n\t\t\theight: ${ space( 4 ) };\n\t\t\twidth: ${ space( 4 ) };\n\t\t\tbackground: linear-gradient(\n\t\t\t\t-45deg,\n\t\t\t\ttransparent 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 52%,\n\t\t\t\ttransparent 52%\n\t\t\t);\n\t\t}\n\t`;\n};\n\n// Must equal $color-palette-circle-size from:\n// @wordpress/components/src/circular-option-picker/style.scss\nconst swatchSize = 28;\nconst swatchGap = 12;\n\nexport const borderControlPopoverControls = css`\n\twidth: ${ swatchSize * 6 + swatchGap * 5 }px;\n\n\t> div:first-of-type > ${ StyledLabel } {\n\t\tmargin-bottom: 0;\n\t\t${ labelStyles }\n\t}\n\n\t&& ${ StyledLabel } + button:not( .has-text ) {\n\t\tmin-width: 24px;\n\t\tpadding: 0;\n\t}\n`;\n\nexport const borderControlPopoverContent = css``;\nexport const borderColorIndicator = css``;\n\nexport const resetButton = css`\n\tjustify-content: center;\n\twidth: 100%;\n\n\t/* Override button component styling */\n\t&& {\n\t\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] };\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t\theight: 46px;\n\t}\n`;\n\nexport const borderControlStylePicker = css`\n\t${ StyledLabel } {\n\t\t${ labelStyles }\n\t}\n`;\n\nexport const borderStyleButton = css`\n\t&&&&& {\n\t\tmin-width: 30px;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tpadding: 3px;\n\t}\n`;\n\nexport const borderSlider = () => css`\n\tflex: 1 1 60%;\n\t${ rtl( { marginRight: space( 3 ) } )() }\n`;\n"]}
+{"version":3,"names":["css","COLORS","CONFIG","boxSizingReset","rtl","space","StyledLabel","ValueInput","UnitControlWrapper","UnitSelect","labelStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","focusBoxShadow","borderWidth","ui","borderFocus","borderControl","innerWrapper","wrapperWidth","wrapperHeight","size","borderControlDropdown","borderRadius","border","colorIndicatorBorder","color","style","fallbackColor","gray","undefined","colorIndicatorWrapper","swatchSize","swatchGap","borderControlPopoverControls","borderControlPopoverContent","borderColorIndicator","resetButton","borderControlStylePicker","borderStyleButton","borderSlider","marginRight"],"sources":["@wordpress/components/src/border-control/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG, boxSizingReset, rtl } from '../utils';\nimport { space } from '../ui/utils/space';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport {\n\tValueInput as UnitControlWrapper,\n\tUnitSelect,\n} from '../unit-control/styles/unit-control-styles';\n\nimport type { Border } from './types';\n\nconst labelStyles = css`\n\tfont-weight: 500;\n`;\n\nconst focusBoxShadow = css`\n\tbox-shadow: inset 0 0 0 ${ CONFIG.borderWidth } ${ COLORS.ui.borderFocus };\n`;\n\nexport const borderControl = css`\n\tborder: 0;\n\tpadding: 0;\n\tmargin: 0;\n\t${ boxSizingReset }\n`;\n\nexport const innerWrapper = () => css`\n\t${ UnitControlWrapper } {\n\t\tflex: 1 1 40%;\n\t}\n\t&& ${ UnitSelect } {\n\t\t/* Prevent unit select forcing min height larger than its UnitControl */\n\t\tmin-height: 0;\n\t}\n`;\n\n/*\n * This style is only applied to the UnitControl wrapper when the border width\n * field should be a set width. Omitting this allows the UnitControl &\n * RangeControl to share the available width in a 40/60 split respectively.\n */\nexport const wrapperWidth = css`\n\t${ UnitControlWrapper } {\n\t\t/* Force the UnitControl's set width. */\n\t\tflex: 0 0 auto;\n\t}\n`;\n\nexport const wrapperHeight = ( size?: 'default' | '__unstable-large' ) => {\n\treturn css`\n\t\theight: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t`;\n};\n\nexport const borderControlDropdown = (\n\tsize?: 'default' | '__unstable-large'\n) => css`\n\tbackground: #fff;\n\n\t&& > button {\n\t\t/*\n\t\t * Override button component styles to fit within BorderControl\n\t\t * regardless of size.\n\t\t */\n\t\theight: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t\twidth: ${ size === '__unstable-large' ? '40px' : '30px' };\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t${ rtl(\n\t\t\t{ borderRadius: `2px 0 0 2px` },\n\t\t\t{ borderRadius: `0 2px 2px 0` }\n\t\t)() }\n\t\tborder: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border };\n\n\t\t&:focus,\n\t\t&:hover:not( :disabled ) {\n\t\t\t${ focusBoxShadow }\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t}\n\t}\n`;\n\nexport const colorIndicatorBorder = ( border?: Border ) => {\n\tconst { color, style } = border || {};\n\n\tconst fallbackColor =\n\t\t!! style && style !== 'none' ? COLORS.gray[ 300 ] : undefined;\n\n\treturn css`\n\t\tborder-style: ${ style === 'none' ? 'solid' : style };\n\t\tborder-color: ${ color || fallbackColor };\n\t`;\n};\n\nexport const colorIndicatorWrapper = (\n\tborder?: Border,\n\tsize?: 'default' | '__unstable-large'\n) => {\n\tconst { style } = border || {};\n\n\treturn css`\n\t\tborder-radius: 9999px;\n\t\tborder: 2px solid transparent;\n\t\t${ style ? colorIndicatorBorder( border ) : undefined }\n\t\twidth: ${ size === '__unstable-large' ? '24px' : '22px' };\n\t\theight: ${ size === '__unstable-large' ? '24px' : '22px' };\n\t\tpadding: ${ size === '__unstable-large' ? '2px' : '1px' };\n\n\t\t/*\n\t\t * ColorIndicator\n\t\t *\n\t\t * The transparent colors used here ensure visibility of the indicator\n\t\t * over the active state of the border control dropdown's toggle button.\n\t\t */\n\t\t& > span {\n\t\t\theight: ${ space( 4 ) };\n\t\t\twidth: ${ space( 4 ) };\n\t\t\tbackground: linear-gradient(\n\t\t\t\t-45deg,\n\t\t\t\ttransparent 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 48%,\n\t\t\t\trgb( 0 0 0 / 20% ) 52%,\n\t\t\t\ttransparent 52%\n\t\t\t);\n\t\t}\n\t`;\n};\n\n// Must equal $color-palette-circle-size from:\n// @wordpress/components/src/circular-option-picker/style.scss\nconst swatchSize = 28;\nconst swatchGap = 12;\n\nexport const borderControlPopoverControls = css`\n\twidth: ${ swatchSize * 6 + swatchGap * 5 }px;\n\n\t> div:first-of-type > ${ StyledLabel } {\n\t\tmargin-bottom: 0;\n\t\t${ labelStyles }\n\t}\n\n\t&& ${ StyledLabel } + button:not( .has-text ) {\n\t\tmin-width: 24px;\n\t\tpadding: 0;\n\t}\n`;\n\nexport const borderControlPopoverContent = css``;\nexport const borderColorIndicator = css``;\n\nexport const resetButton = css`\n\tjustify-content: center;\n\twidth: 100%;\n\n\t/* Override button component styling */\n\t&& {\n\t\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] };\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t\theight: 46px;\n\t}\n`;\n\nexport const borderControlStylePicker = css`\n\t${ StyledLabel } {\n\t\t${ labelStyles }\n\t}\n`;\n\nexport const borderStyleButton = css`\n\t&&&&& {\n\t\tmin-width: 30px;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tpadding: 3px;\n\t}\n`;\n\nexport const borderSlider = () => css`\n\tflex: 1 1 60%;\n\t${ rtl( { marginRight: space( 3 ) } )() }\n`;\n"],"mappings":"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"}

package/build-module/border-control/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/border-control/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { ColorPaletteProps } from '../color-palette/types';\nimport type { PopoverProps } from '../popover/types';\n\nexport type Border = {\n\tcolor?: CSSProperties[ 'borderColor' ];\n\tstyle?: CSSProperties[ 'borderStyle' ];\n\twidth?: CSSProperties[ 'borderWidth' ];\n};\n\nexport type ColorProps = Pick<\n\tColorPaletteProps,\n\t'colors' | 'enableAlpha' | '__experimentalIsRenderedInSidebar'\n> & {\n\t/**\n\t * This toggles the ability to choose custom colors.\n\t */\n\tdisableCustomColors?: boolean;\n};\n\nexport type LabelProps = {\n\t/**\n\t * Provides control over whether the label will only be visible to\n\t * screen readers.\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * If provided, a label will be generated using this as the content.\n\t */\n\tlabel?: string;\n};\n\nexport type BorderControlProps = ColorProps &\n\tLabelProps & {\n\t\t/**\n\t\t * This controls whether unit selection should be disabled.\n\t\t */\n\t\tdisableUnits?: boolean;\n\t\t/**\n\t\t * This controls whether to support border style selection.\n\t\t *\n\t\t * @default true\n\t\t */\n\t\tenableStyle?: boolean;\n\t\t/**\n\t\t * This flags the `BorderControl` to render with a more compact\n\t\t * appearance. It restricts the width of the control and prevents it\n\t\t * from expanding to take up additional space.\n\t\t */\n\t\tisCompact?: boolean;\n\t\t/**\n\t\t * A callback function invoked when the border value is changed via an\n\t\t * interaction that selects or clears, border color, style, or width.\n\t\t */\n\t\tonChange: ( value?: Border ) => void;\n\t\t/**\n\t\t * An internal prop used to control the visibility of the dropdown.\n\t\t */\n\t\t__unstablePopoverProps?: Omit< PopoverProps, 'children' >;\n\t\t/**\n\t\t * If opted into, sanitizing the border means that if no width or color\n\t\t * have been selected, the border style is also cleared and `undefined`\n\t\t * is returned as the new border value.\n\t\t *\n\t\t * @default true\n\t\t */\n\t\tshouldSanitizeBorder?: boolean;\n\t\t/**\n\t\t * Whether or not to show the header for the border color and style\n\t\t * picker dropdown. The header includes a label for the color picker\n\t\t * and a close button.\n\t\t */\n\t\tshowDropdownHeader?: boolean;\n\t\t/**\n\t\t * Size of the control.\n\t\t *\n\t\t * @default 'default'\n\t\t */\n\t\tsize?: 'default' | '__unstable-large';\n\t\t/**\n\t\t * An object representing a border or `undefined`. Used to set the\n\t\t * current border configuration for this component.\n\t\t */\n\t\tvalue?: Border;\n\t\t/**\n\t\t * Controls the visual width of the `BorderControl`. It has no effect if\n\t\t * the `isCompact` prop is set to `true`.\n\t\t */\n\t\twidth?: CSSProperties[ 'width' ];\n\t\t/**\n\t\t * Flags whether this `BorderControl` should also render a\n\t\t * `RangeControl` for additional control over a border's width.\n\t\t */\n\t\twithSlider?: boolean;\n\t};\n\nexport type DropdownProps = ColorProps &\n\tPick< BorderControlProps, 'enableStyle' | 'size' > & {\n\t\t/**\n\t\t * An object representing a border or `undefined`. This component will\n\t\t * extract the border color and style selections from this object to use as\n\t\t * values for its popover controls.\n\t\t */\n\t\tborder?: Border;\n\t\t/**\n\t\t * An internal prop used to control the visibility of the dropdown.\n\t\t */\n\t\t__unstablePopoverProps?: Omit< PopoverProps, 'children' >;\n\t\t/**\n\t\t * A callback invoked when the border color or style selections change.\n\t\t */\n\t\tonChange: ( newBorder?: Border ) => void;\n\t\t/**\n\t\t * Any previous style selection made by the user. This can be used to\n\t\t * reapply that previous selection when, for example, a zero border width is\n\t\t * to a non-zero value.\n\t\t */\n\t\tpreviousStyleSelection?: string;\n\t\t/**\n\t\t * Whether or not to render a header for the border color and style picker\n\t\t * dropdown. The header includes a label for the color picker and a\n\t\t * close button.\n\t\t */\n\t\tshowDropdownHeader?: boolean;\n\t};\n\nexport type StylePickerProps = LabelProps & {\n\t/**\n\t * A callback function invoked when a border style is selected or cleared.\n\t */\n\tonChange: ( style?: string ) => void;\n\t/**\n\t * The currently selected border style if there is one. Styles available via\n\t * this control are `solid`, `dashed` & `dotted`, however the possibility\n\t * to store other valid CSS values is maintained e.g. `none`, `inherit` etc.\n\t */\n\tvalue?: string;\n};\n"],"mappings":""}

package/build-module/box-control/all-input-control.js

@@ -1,13 +1,11 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
+
 import UnitControl from './unit-control';
 import { LABELS, applyValueToSides, getAllValue, isValuesMixed, isValuesDefined } from './utils';
-
 const noop = () => {};
-
 export default function AllInputControl({
   onChange = noop,
   onFocus = noop,
@@ -23,27 +21,24 @@ export default function AllInputControl({
   const hasValues = isValuesDefined(values);
   const isMixed = hasValues && isValuesMixed(values, selectedUnits, sides);
   const allPlaceholder = isMixed ? LABELS.mixed : undefined;
-
   const handleOnFocus = event => {
     onFocus(event, {
       side: 'all'
     });
   };
-
   const handleOnChange = next => {
     const isNumeric = next !== undefined && !isNaN(parseFloat(next));
     const nextValue = isNumeric ? next : undefined;
     const nextValues = applyValueToSides(values, nextValue, sides);
     onChange(nextValues);
-  }; // Set selected unit so it can be used as fallback by unlinked controls
-  // when individual sides do not have a value containing a unit.
-
+  };
 
+  // Set selected unit so it can be used as fallback by unlinked controls
+  // when individual sides do not have a value containing a unit.
   const handleOnUnitChange = unit => {
     const newUnits = applyValueToSides(selectedUnits, unit, sides);
     setSelectedUnits(newUnits);
   };
-
   const handleOnHoverOn = () => {
     onHoverOn({
       top: true,
@@ -52,7 +47,6 @@ export default function AllInputControl({
       right: true
     });
   };
-
   const handleOnHoverOff = () => {
     onHoverOff({
       top: false,
@@ -61,8 +55,8 @@ export default function AllInputControl({
       right: false
     });
   };
-
-  return createElement(UnitControl, { ...props,
+  return createElement(UnitControl, {
+    ...props,
     disableUnits: isMixed,
     isOnly: true,
     value: allValue,

package/build-module/box-control/all-input-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/box-control/all-input-control.tsx"],"names":["UnitControl","LABELS","applyValueToSides","getAllValue","isValuesMixed","isValuesDefined","noop","AllInputControl","onChange","onFocus","onHoverOn","onHoverOff","values","sides","selectedUnits","setSelectedUnits","props","allValue","hasValues","isMixed","allPlaceholder","mixed","undefined","handleOnFocus","event","side","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","nextValues","handleOnUnitChange","unit","newUnits","handleOnHoverOn","top","bottom","left","right","handleOnHoverOff"],"mappings":";;AAAA;AACA;AACA;AAGA,OAAOA,WAAP,MAAwB,gBAAxB;AACA,SACCC,MADD,EAECC,iBAFD,EAGCC,WAHD,EAICC,aAJD,EAKCC,eALD,QAMO,SANP;;AAQA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,eAAe,SAASC,eAAT,CAA0B;AACxCC,EAAAA,QAAQ,GAAGF,IAD6B;AAExCG,EAAAA,OAAO,GAAGH,IAF8B;AAGxCI,EAAAA,SAAS,GAAGJ,IAH4B;AAIxCK,EAAAA,UAAU,GAAGL,IAJ2B;AAKxCM,EAAAA,MALwC;AAMxCC,EAAAA,KANwC;AAOxCC,EAAAA,aAPwC;AAQxCC,EAAAA,gBARwC;AASxC,KAAGC;AATqC,CAA1B,EAUkB;AAChC,QAAMC,QAAQ,GAAGd,WAAW,CAAES,MAAF,EAAUE,aAAV,EAAyBD,KAAzB,CAA5B;AACA,QAAMK,SAAS,GAAGb,eAAe,CAAEO,MAAF,CAAjC;AACA,QAAMO,OAAO,GAAGD,SAAS,IAAId,aAAa,CAAEQ,MAAF,EAAUE,aAAV,EAAyBD,KAAzB,CAA1C;AACA,QAAMO,cAAc,GAAGD,OAAO,GAAGlB,MAAM,CAACoB,KAAV,GAAkBC,SAAhD;;AAEA,QAAMC,aAA0D,GAC/DC,KADkE,IAE9D;AACJf,IAAAA,OAAO,CAAEe,KAAF,EAAS;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAT,CAAP;AACA,GAJD;;AAMA,QAAMC,cAA8C,GAAKC,IAAF,IAAY;AAClE,UAAMC,SAAS,GAAGD,IAAI,KAAKL,SAAT,IAAsB,CAAEO,KAAK,CAAEC,UAAU,CAAEH,IAAF,CAAZ,CAA/C;AACA,UAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAH,GAAUL,SAArC;AACA,UAAMU,UAAU,GAAG9B,iBAAiB,CAAEU,MAAF,EAAUmB,SAAV,EAAqBlB,KAArB,CAApC;AAEAL,IAAAA,QAAQ,CAAEwB,UAAF,CAAR;AACA,GAND,CAZgC,CAoBhC;AACA;;;AACA,QAAMC,kBAAsD,GAAKC,IAAF,IAAY;AAC1E,UAAMC,QAAQ,GAAGjC,iBAAiB,CAAEY,aAAF,EAAiBoB,IAAjB,EAAuBrB,KAAvB,CAAlC;AACAE,IAAAA,gBAAgB,CAAEoB,QAAF,CAAhB;AACA,GAHD;;AAKA,QAAMC,eAAe,GAAG,MAAM;AAC7B1B,IAAAA,SAAS,CAAE;AACV2B,MAAAA,GAAG,EAAE,IADK;AAEVC,MAAAA,MAAM,EAAE,IAFE;AAGVC,MAAAA,IAAI,EAAE,IAHI;AAIVC,MAAAA,KAAK,EAAE;AAJG,KAAF,CAAT;AAMA,GAPD;;AASA,QAAMC,gBAAgB,GAAG,MAAM;AAC9B9B,IAAAA,UAAU,CAAE;AACX0B,MAAAA,GAAG,EAAE,KADM;AAEXC,MAAAA,MAAM,EAAE,KAFG;AAGXC,MAAAA,IAAI,EAAE,KAHK;AAIXC,MAAAA,KAAK,EAAE;AAJI,KAAF,CAAV;AAMA,GAPD;;AASA,SACC,cAAC,WAAD,OACMxB,KADN;AAEC,IAAA,YAAY,EAAGG,OAFhB;AAGC,IAAA,MAAM,MAHP;AAIC,IAAA,KAAK,EAAGF,QAJT;AAKC,IAAA,QAAQ,EAAGS,cALZ;AAMC,IAAA,YAAY,EAAGO,kBANhB;AAOC,IAAA,OAAO,EAAGV,aAPX;AAQC,IAAA,SAAS,EAAGa,eARb;AASC,IAAA,UAAU,EAAGK,gBATd;AAUC,IAAA,WAAW,EAAGrB;AAVf,IADD;AAcA","sourcesContent":["/**\n * Internal dependencies\n */\nimport type { UnitControlProps } from '../unit-control/types';\nimport type { BoxControlInputControlProps } from './types';\nimport UnitControl from './unit-control';\nimport {\n\tLABELS,\n\tapplyValueToSides,\n\tgetAllValue,\n\tisValuesMixed,\n\tisValuesDefined,\n} from './utils';\n\nconst noop = () => {};\n\nexport default function AllInputControl( {\n\tonChange = noop,\n\tonFocus = noop,\n\tonHoverOn = noop,\n\tonHoverOff = noop,\n\tvalues,\n\tsides,\n\tselectedUnits,\n\tsetSelectedUnits,\n\t...props\n}: BoxControlInputControlProps ) {\n\tconst allValue = getAllValue( values, selectedUnits, sides );\n\tconst hasValues = isValuesDefined( values );\n\tconst isMixed = hasValues && isValuesMixed( values, selectedUnits, sides );\n\tconst allPlaceholder = isMixed ? LABELS.mixed : undefined;\n\n\tconst handleOnFocus: React.FocusEventHandler< HTMLInputElement > = (\n\t\tevent\n\t) => {\n\t\tonFocus( event, { side: 'all' } );\n\t};\n\n\tconst handleOnChange: UnitControlProps[ 'onChange' ] = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tconst nextValues = applyValueToSides( values, nextValue, sides );\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Set selected unit so it can be used as fallback by unlinked controls\n\t// when individual sides do not have a value containing a unit.\n\tconst handleOnUnitChange: UnitControlProps[ 'onUnitChange' ] = ( unit ) => {\n\t\tconst newUnits = applyValueToSides( selectedUnits, unit, sides );\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\tconst handleOnHoverOn = () => {\n\t\tonHoverOn( {\n\t\t\ttop: true,\n\t\t\tbottom: true,\n\t\t\tleft: true,\n\t\t\tright: true,\n\t\t} );\n\t};\n\n\tconst handleOnHoverOff = () => {\n\t\tonHoverOff( {\n\t\t\ttop: false,\n\t\t\tbottom: false,\n\t\t\tleft: false,\n\t\t\tright: false,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonHoverOn={ handleOnHoverOn }\n\t\t\tonHoverOff={ handleOnHoverOff }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["UnitControl","LABELS","applyValueToSides","getAllValue","isValuesMixed","isValuesDefined","noop","AllInputControl","onChange","onFocus","onHoverOn","onHoverOff","values","sides","selectedUnits","setSelectedUnits","props","allValue","hasValues","isMixed","allPlaceholder","mixed","undefined","handleOnFocus","event","side","handleOnChange","next","isNumeric","isNaN","parseFloat","nextValue","nextValues","handleOnUnitChange","unit","newUnits","handleOnHoverOn","top","bottom","left","right","handleOnHoverOff","createElement","disableUnits","isOnly","value","onUnitChange","placeholder"],"sources":["@wordpress/components/src/box-control/all-input-control.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { UnitControlProps } from '../unit-control/types';\nimport type { BoxControlInputControlProps } from './types';\nimport UnitControl from './unit-control';\nimport {\n\tLABELS,\n\tapplyValueToSides,\n\tgetAllValue,\n\tisValuesMixed,\n\tisValuesDefined,\n} from './utils';\n\nconst noop = () => {};\n\nexport default function AllInputControl( {\n\tonChange = noop,\n\tonFocus = noop,\n\tonHoverOn = noop,\n\tonHoverOff = noop,\n\tvalues,\n\tsides,\n\tselectedUnits,\n\tsetSelectedUnits,\n\t...props\n}: BoxControlInputControlProps ) {\n\tconst allValue = getAllValue( values, selectedUnits, sides );\n\tconst hasValues = isValuesDefined( values );\n\tconst isMixed = hasValues && isValuesMixed( values, selectedUnits, sides );\n\tconst allPlaceholder = isMixed ? LABELS.mixed : undefined;\n\n\tconst handleOnFocus: React.FocusEventHandler< HTMLInputElement > = (\n\t\tevent\n\t) => {\n\t\tonFocus( event, { side: 'all' } );\n\t};\n\n\tconst handleOnChange: UnitControlProps[ 'onChange' ] = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tconst nextValues = applyValueToSides( values, nextValue, sides );\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Set selected unit so it can be used as fallback by unlinked controls\n\t// when individual sides do not have a value containing a unit.\n\tconst handleOnUnitChange: UnitControlProps[ 'onUnitChange' ] = ( unit ) => {\n\t\tconst newUnits = applyValueToSides( selectedUnits, unit, sides );\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\tconst handleOnHoverOn = () => {\n\t\tonHoverOn( {\n\t\t\ttop: true,\n\t\t\tbottom: true,\n\t\t\tleft: true,\n\t\t\tright: true,\n\t\t} );\n\t};\n\n\tconst handleOnHoverOff = () => {\n\t\tonHoverOff( {\n\t\t\ttop: false,\n\t\t\tbottom: false,\n\t\t\tleft: false,\n\t\t\tright: false,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...props }\n\t\t\tdisableUnits={ isMixed }\n\t\t\tisOnly\n\t\t\tvalue={ allValue }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ handleOnUnitChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonHoverOn={ handleOnHoverOn }\n\t\t\tonHoverOff={ handleOnHoverOff }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;;AAGA,OAAOA,WAAW,MAAM,gBAAgB;AACxC,SACCC,MAAM,EACNC,iBAAiB,EACjBC,WAAW,EACXC,aAAa,EACbC,eAAe,QACT,SAAS;AAEhB,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,eAAe,SAASC,eAAeA,CAAE;EACxCC,QAAQ,GAAGF,IAAI;EACfG,OAAO,GAAGH,IAAI;EACdI,SAAS,GAAGJ,IAAI;EAChBK,UAAU,GAAGL,IAAI;EACjBM,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,gBAAgB;EAChB,GAAGC;AACyB,CAAC,EAAG;EAChC,MAAMC,QAAQ,GAAGd,WAAW,CAAES,MAAM,EAAEE,aAAa,EAAED,KAAM,CAAC;EAC5D,MAAMK,SAAS,GAAGb,eAAe,CAAEO,MAAO,CAAC;EAC3C,MAAMO,OAAO,GAAGD,SAAS,IAAId,aAAa,CAAEQ,MAAM,EAAEE,aAAa,EAAED,KAAM,CAAC;EAC1E,MAAMO,cAAc,GAAGD,OAAO,GAAGlB,MAAM,CAACoB,KAAK,GAAGC,SAAS;EAEzD,MAAMC,aAA0D,GAC/DC,KAAK,IACD;IACJf,OAAO,CAAEe,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAE,CAAC;EAClC,CAAC;EAED,MAAMC,cAA8C,GAAKC,IAAI,IAAM;IAClE,MAAMC,SAAS,GAAGD,IAAI,KAAKL,SAAS,IAAI,CAAEO,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IACrE,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAGL,SAAS;IAC9C,MAAMU,UAAU,GAAG9B,iBAAiB,CAAEU,MAAM,EAAEmB,SAAS,EAAElB,KAAM,CAAC;IAEhEL,QAAQ,CAAEwB,UAAW,CAAC;EACvB,CAAC;;EAED;EACA;EACA,MAAMC,kBAAsD,GAAKC,IAAI,IAAM;IAC1E,MAAMC,QAAQ,GAAGjC,iBAAiB,CAAEY,aAAa,EAAEoB,IAAI,EAAErB,KAAM,CAAC;IAChEE,gBAAgB,CAAEoB,QAAS,CAAC;EAC7B,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7B1B,SAAS,CAAE;MACV2B,GAAG,EAAE,IAAI;MACTC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACR,CAAE,CAAC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC9B9B,UAAU,CAAE;MACX0B,GAAG,EAAE,KAAK;MACVC,MAAM,EAAE,KAAK;MACbC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACR,CAAE,CAAC;EACJ,CAAC;EAED,OACCE,aAAA,CAAC1C,WAAW;IAAA,GACNgB,KAAK;IACV2B,YAAY,EAAGxB,OAAS;IACxByB,MAAM;IACNC,KAAK,EAAG5B,QAAU;IAClBT,QAAQ,EAAGkB,cAAgB;IAC3BoB,YAAY,EAAGb,kBAAoB;IACnCxB,OAAO,EAAGc,aAAe;IACzBb,SAAS,EAAG0B,eAAiB;IAC7BzB,UAAU,EAAG8B,gBAAkB;IAC/BM,WAAW,EAAG3B;EAAgB,CAC9B,CAAC;AAEJ"}

package/build-module/box-control/axial-input-controls.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
@@ -23,24 +22,20 @@ export default function AxialInputControls({
     if (!onFocus) {
       return;
     }
-
     onFocus(event, {
       side
     });
   };
-
   const createHandleOnHoverOn = side => () => {
     if (!onHoverOn) {
       return;
     }
-
     if (side === 'vertical') {
       onHoverOn({
         top: true,
         bottom: true
       });
     }
-
     if (side === 'horizontal') {
       onHoverOn({
         left: true,
@@ -48,19 +43,16 @@ export default function AxialInputControls({
       });
     }
   };
-
   const createHandleOnHoverOff = side => () => {
     if (!onHoverOff) {
       return;
     }
-
     if (side === 'vertical') {
       onHoverOff({
         top: false,
         bottom: false
       });
     }
-
     if (side === 'horizontal') {
       onHoverOff({
         left: false,
@@ -68,48 +60,41 @@ export default function AxialInputControls({
       });
     }
   };
-
   const createHandleOnChange = side => next => {
     if (!onChange) {
       return;
     }
-
-    const nextValues = { ...values
+    const nextValues = {
+      ...values
     };
     const isNumeric = next !== undefined && !isNaN(parseFloat(next));
     const nextValue = isNumeric ? next : undefined;
-
     if (side === 'vertical') {
       nextValues.top = nextValue;
       nextValues.bottom = nextValue;
     }
-
     if (side === 'horizontal') {
       nextValues.left = nextValue;
       nextValues.right = nextValue;
     }
-
     onChange(nextValues);
   };
-
   const createHandleOnUnitChange = side => next => {
-    const newUnits = { ...selectedUnits
+    const newUnits = {
+      ...selectedUnits
     };
-
     if (side === 'vertical') {
       newUnits.top = next;
       newUnits.bottom = next;
     }
-
     if (side === 'horizontal') {
       newUnits.left = next;
       newUnits.right = next;
     }
-
     setSelectedUnits(newUnits);
-  }; // Filter sides if custom configuration provided, maintaining default order.
-
+  };
 
+  // Filter sides if custom configuration provided, maintaining default order.
   const filteredSides = sides?.length ? groupedSides.filter(side => sides.includes(side)) : groupedSides;
   const first = filteredSides[0];
   const last = filteredSides[filteredSides.length - 1];
@@ -121,7 +106,8 @@ export default function AxialInputControls({
   }, filteredSides.map(side => {
     const [parsedQuantity, parsedUnit] = parseQuantityAndUnitFromRawValue(side === 'vertical' ? values.top : values.left);
     const selectedUnit = side === 'vertical' ? selectedUnits.top : selectedUnits.left;
-    return createElement(UnitControl, { ...props,
+    return createElement(UnitControl, {
+      ...props,
       isFirst: first === side,
       isLast: last === side,
       isOnly: only === side,

package/build-module/box-control/axial-input-controls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/box-control/axial-input-controls.tsx"],"names":["parseQuantityAndUnitFromRawValue","UnitControl","LABELS","Layout","groupedSides","AxialInputControls","onChange","onFocus","onHoverOn","onHoverOff","values","selectedUnits","setSelectedUnits","sides","props","createHandleOnFocus","side","event","createHandleOnHoverOn","top","bottom","left","right","createHandleOnHoverOff","createHandleOnChange","next","nextValues","isNumeric","undefined","isNaN","parseFloat","nextValue","createHandleOnUnitChange","newUnits","filteredSides","length","filter","includes","first","last","only","map","parsedQuantity","parsedUnit","selectedUnit","join"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control/utils';\nimport UnitControl from './unit-control';\nimport { LABELS } from './utils';\nimport { Layout } from './styles/box-control-styles';\nimport type { BoxControlInputControlProps } from './types';\n\nconst groupedSides = [ 'vertical', 'horizontal' ] as const;\ntype GroupedSide = ( typeof groupedSides )[ number ];\n\nexport default function AxialInputControls( {\n\tonChange,\n\tonFocus,\n\tonHoverOn,\n\tonHoverOff,\n\tvalues,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tsides,\n\t...props\n}: BoxControlInputControlProps ) {\n\tconst createHandleOnFocus =\n\t\t( side: GroupedSide ) =>\n\t\t( event: React.FocusEvent< HTMLInputElement > ) => {\n\t\t\tif ( ! onFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonFocus( event, { side } );\n\t\t};\n\n\tconst createHandleOnHoverOn = ( side: GroupedSide ) => () => {\n\t\tif ( ! onHoverOn ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( side === 'vertical' ) {\n\t\t\tonHoverOn( {\n\t\t\t\ttop: true,\n\t\t\t\tbottom: true,\n\t\t\t} );\n\t\t}\n\t\tif ( side === 'horizontal' ) {\n\t\t\tonHoverOn( {\n\t\t\t\tleft: true,\n\t\t\t\tright: true,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst createHandleOnHoverOff = ( side: GroupedSide ) => () => {\n\t\tif ( ! onHoverOff ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( side === 'vertical' ) {\n\t\t\tonHoverOff( {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t} );\n\t\t}\n\t\tif ( side === 'horizontal' ) {\n\t\t\tonHoverOff( {\n\t\t\t\tleft: false,\n\t\t\t\tright: false,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst createHandleOnChange = ( side: GroupedSide ) => ( next?: string ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextValues = { ...values };\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = nextValue;\n\t\t\tnextValues.bottom = nextValue;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = nextValue;\n\t\t\tnextValues.right = nextValue;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\tconst createHandleOnUnitChange =\n\t\t( side: GroupedSide ) => ( next?: string ) => {\n\t\t\tconst newUnits = { ...selectedUnits };\n\n\t\t\tif ( side === 'vertical' ) {\n\t\t\t\tnewUnits.top = next;\n\t\t\t\tnewUnits.bottom = next;\n\t\t\t}\n\n\t\t\tif ( side === 'horizontal' ) {\n\t\t\t\tnewUnits.left = next;\n\t\t\t\tnewUnits.right = next;\n\t\t\t}\n\n\t\t\tsetSelectedUnits( newUnits );\n\t\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => sides.includes( side ) )\n\t\t: groupedSides;\n\n\tconst first = filteredSides[ 0 ];\n\tconst last = filteredSides[ filteredSides.length - 1 ];\n\tconst only = first === last && first;\n\n\treturn (\n\t\t<Layout\n\t\t\tgap={ 0 }\n\t\t\talign=\"top\"\n\t\t\tclassName=\"component-box-control__vertical-horizontal-input-controls\"\n\t\t>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst [ parsedQuantity, parsedUnit ] =\n\t\t\t\t\tparseQuantityAndUnitFromRawValue(\n\t\t\t\t\t\tside === 'vertical' ? values.top : values.left\n\t\t\t\t\t);\n\t\t\t\tconst selectedUnit =\n\t\t\t\t\tside === 'vertical'\n\t\t\t\t\t\t? selectedUnits.top\n\t\t\t\t\t\t: selectedUnits.left;\n\t\t\t\treturn (\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tisFirst={ first === side }\n\t\t\t\t\t\tisLast={ last === side }\n\t\t\t\t\t\tisOnly={ only === side }\n\t\t\t\t\t\tvalue={ [\n\t\t\t\t\t\t\tparsedQuantity,\n\t\t\t\t\t\t\tselectedUnit ?? parsedUnit,\n\t\t\t\t\t\t].join( '' ) }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonUnitChange={ createHandleOnUnitChange( side ) }\n\t\t\t\t\t\tonFocus={ createHandleOnFocus( side ) }\n\t\t\t\t\t\tonHoverOn={ createHandleOnHoverOn( side ) }\n\t\t\t\t\t\tonHoverOff={ createHandleOnHoverOff( side ) }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tkey={ side }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Layout>\n\t);\n}\n"]}
+{"version":3,"names":["parseQuantityAndUnitFromRawValue","UnitControl","LABELS","Layout","groupedSides","AxialInputControls","onChange","onFocus","onHoverOn","onHoverOff","values","selectedUnits","setSelectedUnits","sides","props","createHandleOnFocus","side","event","createHandleOnHoverOn","top","bottom","left","right","createHandleOnHoverOff","createHandleOnChange","next","nextValues","isNumeric","undefined","isNaN","parseFloat","nextValue","createHandleOnUnitChange","newUnits","filteredSides","length","filter","includes","first","last","only","createElement","gap","align","className","map","parsedQuantity","parsedUnit","selectedUnit","isFirst","isLast","isOnly","value","join","onUnitChange","label","key"],"sources":["@wordpress/components/src/box-control/axial-input-controls.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { parseQuantityAndUnitFromRawValue } from '../unit-control/utils';\nimport UnitControl from './unit-control';\nimport { LABELS } from './utils';\nimport { Layout } from './styles/box-control-styles';\nimport type { BoxControlInputControlProps } from './types';\n\nconst groupedSides = [ 'vertical', 'horizontal' ] as const;\ntype GroupedSide = ( typeof groupedSides )[ number ];\n\nexport default function AxialInputControls( {\n\tonChange,\n\tonFocus,\n\tonHoverOn,\n\tonHoverOff,\n\tvalues,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tsides,\n\t...props\n}: BoxControlInputControlProps ) {\n\tconst createHandleOnFocus =\n\t\t( side: GroupedSide ) =>\n\t\t( event: React.FocusEvent< HTMLInputElement > ) => {\n\t\t\tif ( ! onFocus ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonFocus( event, { side } );\n\t\t};\n\n\tconst createHandleOnHoverOn = ( side: GroupedSide ) => () => {\n\t\tif ( ! onHoverOn ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( side === 'vertical' ) {\n\t\t\tonHoverOn( {\n\t\t\t\ttop: true,\n\t\t\t\tbottom: true,\n\t\t\t} );\n\t\t}\n\t\tif ( side === 'horizontal' ) {\n\t\t\tonHoverOn( {\n\t\t\t\tleft: true,\n\t\t\t\tright: true,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst createHandleOnHoverOff = ( side: GroupedSide ) => () => {\n\t\tif ( ! onHoverOff ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( side === 'vertical' ) {\n\t\t\tonHoverOff( {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t} );\n\t\t}\n\t\tif ( side === 'horizontal' ) {\n\t\t\tonHoverOff( {\n\t\t\t\tleft: false,\n\t\t\t\tright: false,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst createHandleOnChange = ( side: GroupedSide ) => ( next?: string ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextValues = { ...values };\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = nextValue;\n\t\t\tnextValues.bottom = nextValue;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = nextValue;\n\t\t\tnextValues.right = nextValue;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\tconst createHandleOnUnitChange =\n\t\t( side: GroupedSide ) => ( next?: string ) => {\n\t\t\tconst newUnits = { ...selectedUnits };\n\n\t\t\tif ( side === 'vertical' ) {\n\t\t\t\tnewUnits.top = next;\n\t\t\t\tnewUnits.bottom = next;\n\t\t\t}\n\n\t\t\tif ( side === 'horizontal' ) {\n\t\t\t\tnewUnits.left = next;\n\t\t\t\tnewUnits.right = next;\n\t\t\t}\n\n\t\t\tsetSelectedUnits( newUnits );\n\t\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => sides.includes( side ) )\n\t\t: groupedSides;\n\n\tconst first = filteredSides[ 0 ];\n\tconst last = filteredSides[ filteredSides.length - 1 ];\n\tconst only = first === last && first;\n\n\treturn (\n\t\t<Layout\n\t\t\tgap={ 0 }\n\t\t\talign=\"top\"\n\t\t\tclassName=\"component-box-control__vertical-horizontal-input-controls\"\n\t\t>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst [ parsedQuantity, parsedUnit ] =\n\t\t\t\t\tparseQuantityAndUnitFromRawValue(\n\t\t\t\t\t\tside === 'vertical' ? values.top : values.left\n\t\t\t\t\t);\n\t\t\t\tconst selectedUnit =\n\t\t\t\t\tside === 'vertical'\n\t\t\t\t\t\t? selectedUnits.top\n\t\t\t\t\t\t: selectedUnits.left;\n\t\t\t\treturn (\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tisFirst={ first === side }\n\t\t\t\t\t\tisLast={ last === side }\n\t\t\t\t\t\tisOnly={ only === side }\n\t\t\t\t\t\tvalue={ [\n\t\t\t\t\t\t\tparsedQuantity,\n\t\t\t\t\t\t\tselectedUnit ?? parsedUnit,\n\t\t\t\t\t\t].join( '' ) }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonUnitChange={ createHandleOnUnitChange( side ) }\n\t\t\t\t\t\tonFocus={ createHandleOnFocus( side ) }\n\t\t\t\t\t\tonHoverOn={ createHandleOnHoverOn( side ) }\n\t\t\t\t\t\tonHoverOff={ createHandleOnHoverOff( side ) }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tkey={ side }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Layout>\n\t);\n}\n"],"mappings":"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"}

package/build-module/box-control/icon.js

@@ -1,8 +1,8 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
+
 import { Root, Viewbox, TopStroke, RightStroke, BottomStroke, LeftStroke } from './styles/box-control-icon-styles';
 const BASE_ICON_SIZE = 24;
 export default function BoxControlIcon({
@@ -12,20 +12,18 @@ export default function BoxControlIcon({
   ...props
 }) {
   const isSideDisabled = value => sides?.length && !sides.includes(value);
-
   const hasSide = value => {
     if (isSideDisabled(value)) {
       return false;
     }
-
     return side === 'all' || side === value;
   };
-
   const top = hasSide('top') || hasSide('vertical');
   const right = hasSide('right') || hasSide('horizontal');
   const bottom = hasSide('bottom') || hasSide('vertical');
-  const left = hasSide('left') || hasSide('horizontal'); // Simulates SVG Icon scaling.
+  const left = hasSide('left') || hasSide('horizontal');
 
+  // Simulates SVG Icon scaling.
   const scale = size / BASE_ICON_SIZE;
   return createElement(Root, {
     style: {

package/build-module/box-control/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/box-control/icon.tsx"],"names":["Root","Viewbox","TopStroke","RightStroke","BottomStroke","LeftStroke","BASE_ICON_SIZE","BoxControlIcon","size","side","sides","props","isSideDisabled","value","length","includes","hasSide","top","right","bottom","left","scale","transform"],"mappings":";;AAAA;AACA;AACA;AAEA,SACCA,IADD,EAECC,OAFD,EAGCC,SAHD,EAICC,WAJD,EAKCC,YALD,EAMCC,UAND,QAOO,kCAPP;AAUA,MAAMC,cAAc,GAAG,EAAvB;AAEA,eAAe,SAASC,cAAT,CAAyB;AACvCC,EAAAA,IAAI,GAAG,EADgC;AAEvCC,EAAAA,IAAI,GAAG,KAFgC;AAGvCC,EAAAA,KAHuC;AAIvC,KAAGC;AAJoC,CAAzB,EAK6C;AAC3D,QAAMC,cAAc,GACnBC,KADsB,IAElBH,KAAK,EAAEI,MAAP,IAAiB,CAAEJ,KAAK,CAACK,QAAN,CAAgBF,KAAhB,CAFxB;;AAIA,QAAMG,OAAO,GACZH,KADe,IAEX;AACJ,QAAKD,cAAc,CAAEC,KAAF,CAAnB,EAA+B;AAC9B,aAAO,KAAP;AACA;;AAED,WAAOJ,IAAI,KAAK,KAAT,IAAkBA,IAAI,KAAKI,KAAlC;AACA,GARD;;AAUA,QAAMI,GAAG,GAAGD,OAAO,CAAE,KAAF,CAAP,IAAoBA,OAAO,CAAE,UAAF,CAAvC;AACA,QAAME,KAAK,GAAGF,OAAO,CAAE,OAAF,CAAP,IAAsBA,OAAO,CAAE,YAAF,CAA3C;AACA,QAAMG,MAAM,GAAGH,OAAO,CAAE,QAAF,CAAP,IAAuBA,OAAO,CAAE,UAAF,CAA7C;AACA,QAAMI,IAAI,GAAGJ,OAAO,CAAE,MAAF,CAAP,IAAqBA,OAAO,CAAE,YAAF,CAAzC,CAlB2D,CAoB3D;;AACA,QAAMK,KAAK,GAAGb,IAAI,GAAGF,cAArB;AAEA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG;AAAEgB,MAAAA,SAAS,EAAG,SAASD,KAAO;AAA9B,KAAd;AAAA,OAAwDV;AAAxD,KACC,cAAC,OAAD,QACC,cAAC,SAAD;AAAW,IAAA,SAAS,EAAGM;AAAvB,IADD,EAEC,cAAC,WAAD;AAAa,IAAA,SAAS,EAAGC;AAAzB,IAFD,EAGC,cAAC,YAAD;AAAc,IAAA,SAAS,EAAGC;AAA1B,IAHD,EAIC,cAAC,UAAD;AAAY,IAAA,SAAS,EAAGC;AAAxB,IAJD,CADD,CADD;AAUA","sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport {\n\tRoot,\n\tViewbox,\n\tTopStroke,\n\tRightStroke,\n\tBottomStroke,\n\tLeftStroke,\n} from './styles/box-control-icon-styles';\nimport type { BoxControlIconProps, BoxControlProps } from './types';\n\nconst BASE_ICON_SIZE = 24;\n\nexport default function BoxControlIcon( {\n\tsize = 24,\n\tside = 'all',\n\tsides,\n\t...props\n}: WordPressComponentProps< BoxControlIconProps, 'span' > ) {\n\tconst isSideDisabled = (\n\t\tvalue: NonNullable< BoxControlProps[ 'sides' ] >[ number ]\n\t) => sides?.length && ! sides.includes( value );\n\n\tconst hasSide = (\n\t\tvalue: NonNullable< BoxControlProps[ 'sides' ] >[ number ]\n\t) => {\n\t\tif ( isSideDisabled( value ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn side === 'all' || side === value;\n\t};\n\n\tconst top = hasSide( 'top' ) || hasSide( 'vertical' );\n\tconst right = hasSide( 'right' ) || hasSide( 'horizontal' );\n\tconst bottom = hasSide( 'bottom' ) || hasSide( 'vertical' );\n\tconst left = hasSide( 'left' ) || hasSide( 'horizontal' );\n\n\t// Simulates SVG Icon scaling.\n\tconst scale = size / BASE_ICON_SIZE;\n\n\treturn (\n\t\t<Root style={ { transform: `scale(${ scale })` } } { ...props }>\n\t\t\t<Viewbox>\n\t\t\t\t<TopStroke isFocused={ top } />\n\t\t\t\t<RightStroke isFocused={ right } />\n\t\t\t\t<BottomStroke isFocused={ bottom } />\n\t\t\t\t<LeftStroke isFocused={ left } />\n\t\t\t</Viewbox>\n\t\t</Root>\n\t);\n}\n"]}
+{"version":3,"names":["Root","Viewbox","TopStroke","RightStroke","BottomStroke","LeftStroke","BASE_ICON_SIZE","BoxControlIcon","size","side","sides","props","isSideDisabled","value","length","includes","hasSide","top","right","bottom","left","scale","createElement","style","transform","isFocused"],"sources":["@wordpress/components/src/box-control/icon.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport {\n\tRoot,\n\tViewbox,\n\tTopStroke,\n\tRightStroke,\n\tBottomStroke,\n\tLeftStroke,\n} from './styles/box-control-icon-styles';\nimport type { BoxControlIconProps, BoxControlProps } from './types';\n\nconst BASE_ICON_SIZE = 24;\n\nexport default function BoxControlIcon( {\n\tsize = 24,\n\tside = 'all',\n\tsides,\n\t...props\n}: WordPressComponentProps< BoxControlIconProps, 'span' > ) {\n\tconst isSideDisabled = (\n\t\tvalue: NonNullable< BoxControlProps[ 'sides' ] >[ number ]\n\t) => sides?.length && ! sides.includes( value );\n\n\tconst hasSide = (\n\t\tvalue: NonNullable< BoxControlProps[ 'sides' ] >[ number ]\n\t) => {\n\t\tif ( isSideDisabled( value ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn side === 'all' || side === value;\n\t};\n\n\tconst top = hasSide( 'top' ) || hasSide( 'vertical' );\n\tconst right = hasSide( 'right' ) || hasSide( 'horizontal' );\n\tconst bottom = hasSide( 'bottom' ) || hasSide( 'vertical' );\n\tconst left = hasSide( 'left' ) || hasSide( 'horizontal' );\n\n\t// Simulates SVG Icon scaling.\n\tconst scale = size / BASE_ICON_SIZE;\n\n\treturn (\n\t\t<Root style={ { transform: `scale(${ scale })` } } { ...props }>\n\t\t\t<Viewbox>\n\t\t\t\t<TopStroke isFocused={ top } />\n\t\t\t\t<RightStroke isFocused={ right } />\n\t\t\t\t<BottomStroke isFocused={ bottom } />\n\t\t\t\t<LeftStroke isFocused={ left } />\n\t\t\t</Viewbox>\n\t\t</Root>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;;AAEA,SACCA,IAAI,EACJC,OAAO,EACPC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,UAAU,QACJ,kCAAkC;AAGzC,MAAMC,cAAc,GAAG,EAAE;AAEzB,eAAe,SAASC,cAAcA,CAAE;EACvCC,IAAI,GAAG,EAAE;EACTC,IAAI,GAAG,KAAK;EACZC,KAAK;EACL,GAAGC;AACoD,CAAC,EAAG;EAC3D,MAAMC,cAAc,GACnBC,KAA0D,IACtDH,KAAK,EAAEI,MAAM,IAAI,CAAEJ,KAAK,CAACK,QAAQ,CAAEF,KAAM,CAAC;EAE/C,MAAMG,OAAO,GACZH,KAA0D,IACtD;IACJ,IAAKD,cAAc,CAAEC,KAAM,CAAC,EAAG;MAC9B,OAAO,KAAK;IACb;IAEA,OAAOJ,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAKI,KAAK;EACxC,CAAC;EAED,MAAMI,GAAG,GAAGD,OAAO,CAAE,KAAM,CAAC,IAAIA,OAAO,CAAE,UAAW,CAAC;EACrD,MAAME,KAAK,GAAGF,OAAO,CAAE,OAAQ,CAAC,IAAIA,OAAO,CAAE,YAAa,CAAC;EAC3D,MAAMG,MAAM,GAAGH,OAAO,CAAE,QAAS,CAAC,IAAIA,OAAO,CAAE,UAAW,CAAC;EAC3D,MAAMI,IAAI,GAAGJ,OAAO,CAAE,MAAO,CAAC,IAAIA,OAAO,CAAE,YAAa,CAAC;;EAEzD;EACA,MAAMK,KAAK,GAAGb,IAAI,GAAGF,cAAc;EAEnC,OACCgB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAG;MAAEC,SAAS,EAAG,SAASH,KAAO;IAAG,CAAG;IAAA,GAAMV;EAAK,GAC5DW,aAAA,CAACrB,OAAO,QACPqB,aAAA,CAACpB,SAAS;IAACuB,SAAS,EAAGR;EAAK,CAAE,CAAC,EAC/BK,aAAA,CAACnB,WAAW;IAACsB,SAAS,EAAGP;EAAO,CAAE,CAAC,EACnCI,aAAA,CAAClB,YAAY;IAACqB,SAAS,EAAGN;EAAQ,CAAE,CAAC,EACrCG,aAAA,CAACjB,UAAU;IAACoB,SAAS,EAAGL;EAAM,CAAE,CACxB,CACJ,CAAC;AAET"}

package/build-module/box-control/index.js

@@ -1,15 +1,14 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { useInstanceId } from '@wordpress/compose';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { BaseControl } from '../base-control';
 import Button from '../button';
 import { FlexItem, FlexBlock } from '../flex';
@@ -25,13 +24,12 @@ import { useControlledState } from '../utils/hooks';
 const defaultInputProps = {
   min: 0
 };
-
 const noop = () => {};
-
 function useUniqueId(idProp) {
   const instanceId = useInstanceId(BoxControl, 'inspector-box-control');
   return idProp || instanceId;
 }
+
 /**
  * BoxControl components let users set values for Top, Right, Bottom, and Left.
  * This can be used as an input control for values like `padding` or `margin`.
@@ -57,8 +55,6 @@ function useUniqueId(idProp) {
  * };
  * ```
  */
-
-
 function BoxControl({
   id: idProp,
   inputProps = defaultInputProps,
@@ -81,10 +77,11 @@ function BoxControl({
   const hasOneSide = sides?.length === 1;
   const [isDirty, setIsDirty] = useState(hasInitialValue);
   const [isLinked, setIsLinked] = useState(!hasInitialValue || !isValuesMixed(inputValues) || hasOneSide);
-  const [side, setSide] = useState(getInitialSide(isLinked, splitOnAxis)); // Tracking selected units via internal state allows filtering of CSS unit
+  const [side, setSide] = useState(getInitialSide(isLinked, splitOnAxis));
+
+  // Tracking selected units via internal state allows filtering of CSS unit
   // only values from being saved while maintaining preexisting unit selection
   // behaviour. Filtering CSS only values prevents invalid style values.
-
   const [selectedUnits, setSelectedUnits] = useState({
     top: parseQuantityAndUnitFromRawValue(valuesProp?.top)[1],
     right: parseQuantityAndUnitFromRawValue(valuesProp?.right)[1],
@@ -93,32 +90,28 @@ function BoxControl({
   });
   const id = useUniqueId(idProp);
   const headingId = `${id}-heading`;
-
   const toggleLinked = () => {
     setIsLinked(!isLinked);
     setSide(getInitialSide(!isLinked, splitOnAxis));
   };
-
   const handleOnFocus = (_event, {
     side: nextSide
   }) => {
     setSide(nextSide);
   };
-
   const handleOnChange = nextValues => {
     onChange(nextValues);
     setValues(nextValues);
     setIsDirty(true);
   };
-
   const handleOnReset = () => {
     onChange(resetValues);
     setValues(resetValues);
     setSelectedUnits(resetValues);
     setIsDirty(false);
   };
-
-  const inputControlProps = { ...inputProps,
+  const inputControlProps = {
+    ...inputProps,
     onChange: handleOnChange,
     onFocus: handleOnFocus,
     isLinked,
@@ -152,14 +145,15 @@ function BoxControl({
   })), isLinked && createElement(FlexBlock, null, createElement(AllInputControl, {
     "aria-label": label,
     ...inputControlProps
-  })), !isLinked && splitOnAxis && createElement(FlexBlock, null, createElement(AxialInputControls, { ...inputControlProps
+  })), !isLinked && splitOnAxis && createElement(FlexBlock, null, createElement(AxialInputControls, {
+    ...inputControlProps
   })), !hasOneSide && createElement(FlexItem, null, createElement(LinkedButton, {
     onClick: toggleLinked,
     isLinked: isLinked
-  }))), !isLinked && !splitOnAxis && createElement(InputControls, { ...inputControlProps
+  }))), !isLinked && !splitOnAxis && createElement(InputControls, {
+    ...inputControlProps
   }));
 }
-
 export { applyValueToSides } from './utils';
 export default BoxControl;
 //# sourceMappingURL=index.js.map