@wordpress/components 19.8.3 → 19.10.0

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

@@ -23,27 +23,18 @@ export const Root = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "100d0a9",
   styles: "box-sizing:border-box;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCOEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMsIHNpemUgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgcGFkZGluZ3MgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdHBhZGRpbmdSaWdodDogOCxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiBkaXNhYmxlVW5pdHMgPyAxNiA6IDgsXG5cdFx0fSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggcGFkZGluZ3NbIHNpemUgXSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCOEIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiA4IH0gKSgpIH07XG5cdGA7XG59O1xuXG5jb25zdCBhcnJvd1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdH1cblx0YDtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFZhbHVlSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JiYmIHtcblx0XHRpbnB1dCB7XG5cdFx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXG5cdFx0XHQkeyBhcnJvd1N0eWxlcyB9O1xuXHRcdFx0JHsgcGFkZGluZ1N0eWxlcyB9O1xuXHRcdH1cblx0fVxuYDtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9IGNzc2Bcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0Ym9yZGVyOiBub25lO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5WyA1MDAgXSB9O1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1zaXplOiA4cHg7XG5cdGxldHRlci1zcGFjaW5nOiAtMC41cHg7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDJweCAxcHg7XG5cdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHR3aWR0aDogMjBweDtcblxuXHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMubGlnaHRHcmF5WyAzMDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAwO1xuXHRcdH1cblxuXHRcdCY6ZGlzYWJsZWQge1xuXHRcdFx0Y3Vyc29yOiBpbml0aWFsO1xuXG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 const paddingStyles = _ref2 => {
   let {
-    disableUnits,
-    size
+    disableUnits
   } = _ref2;
-  const paddings = {
-    default: {
-      paddingRight: 8
-    },
-    small: {
-      paddingRight: 8
-    },
-    '__unstable-large': {
-      paddingRight: disableUnits ? 16 : 8
-    }
-  };
-  return /*#__PURE__*/css(rtl(paddings[size])(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:paddingStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VuaXQtY29udHJvbC9zdHlsZXMvdW5pdC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyBVc2luZyBgc2VsZWN0U2l6ZWAgaW5zdGVhZCBvZiBgc2l6ZWAgdG8gYXZvaWQgYSB0eXBlIGNvbmZsaWN0IHdpdGggdGhlXG4vLyBgc2l6ZWAgSFRNTCBhdHRyaWJ1dGUgb2YgdGhlIGBzZWxlY3RgIGVsZW1lbnQuXG50eXBlIFNlbGVjdFByb3BzID0ge1xuXHRzZWxlY3RTaXplOiBTZWxlY3RTaXplO1xufTtcblxudHlwZSBJbnB1dFByb3BzID0ge1xuXHRkaXNhYmxlVW5pdHM/OiBib29sZWFuO1xuXHRzaXplOiBTZWxlY3RTaXplO1xufTtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBwYWRkaW5nU3R5bGVzID0gKCB7IGRpc2FibGVVbml0cywgc2l6ZSB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRjb25zdCBwYWRkaW5ncyA9IHtcblx0XHRkZWZhdWx0OiB7XG5cdFx0XHRwYWRkaW5nUmlnaHQ6IDgsXG5cdFx0fSxcblx0XHRzbWFsbDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0J19fdW5zdGFibGUtbGFyZ2UnOiB7XG5cdFx0XHRwYWRkaW5nUmlnaHQ6IGRpc2FibGVVbml0cyA/IDE2IDogOCxcblx0XHR9LFxuXHR9O1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgcnRsKCBwYWRkaW5nc1sgc2l6ZSBdICkoKSB9O1xuXHRgO1xufTtcblxuY29uc3QgYXJyb3dTdHlsZXMgPSAoIHsgZGlzYWJsZVVuaXRzIH06IElucHV0UHJvcHMgKSA9PiB7XG5cdGlmICggZGlzYWJsZVVuaXRzICkgcmV0dXJuICcnO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Jjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcblx0XHQmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcblx0XHRcdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdG1hcmdpbjogMDtcblx0XHR9XG5cdGA7XG59O1xuXG4vLyBUT0RPOiBSZXNvbHZlIG5lZWQgdG8gdXNlICYmJiB0byBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuLy8gaHR0cHM6Ly9naXRodWIuY29tL1dvcmRQcmVzcy9ndXRlbmJlcmcvaXNzdWVzLzE4NDgzXG5cbmV4cG9ydCBjb25zdCBWYWx1ZUlucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCYmJiB7XG5cdFx0aW5wdXQge1xuXHRcdFx0YXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHR3aWR0aDogMTAwJTtcblxuXHRcdFx0JHsgYXJyb3dTdHlsZXMgfTtcblx0XHRcdCR7IHBhZGRpbmdTdHlsZXMgfTtcblx0XHR9XG5cdH1cbmA7XG5cbmNvbnN0IGJhc2VVbml0TGFiZWxTdHlsZXMgPSBjc3NgXG5cdGFwcGVhcmFuY2U6IG5vbmU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJvcmRlcjogbm9uZTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheVsgNTAwIF0gfTtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGZvbnQtc2l6ZTogOHB4O1xuXHRsZXR0ZXItc3BhY2luZzogLTAuNXB4O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAycHggMXB4O1xuXHR0ZXh0LWFsaWduLWxhc3Q6IGNlbnRlcjtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0d2lkdGg6IDIwcHg7XG5cblx0JHsgcnRsKCB7IGJvcmRlclRvcExlZnRSYWRpdXM6IDAsIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAgfSApKCkgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRMYWJlbCA9IHN0eWxlZC5kaXY8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cblx0XHQkeyBiYXNlVW5pdExhYmVsU3R5bGVzIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0U2VsZWN0ID0gc3R5bGVkLnNlbGVjdDwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHQkeyBiYXNlVW5pdExhYmVsU3R5bGVzIH07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdGhlaWdodDogMTAwJTtcblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmxpZ2h0R3JheVsgMzAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMDtcblx0XHR9XG5cblx0XHQmOmRpc2FibGVkIHtcblx0XHRcdGN1cnNvcjogaW5pdGlhbDtcblxuXHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcbiJdfQ== */");
+  if (disableUnits) return '';
+  return /*#__PURE__*/css(rtl({
+    paddingRight: 8
+  })(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:paddingStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VuaXQtY29udHJvbC9zdHlsZXMvdW5pdC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyBVc2luZyBgc2VsZWN0U2l6ZWAgaW5zdGVhZCBvZiBgc2l6ZWAgdG8gYXZvaWQgYSB0eXBlIGNvbmZsaWN0IHdpdGggdGhlXG4vLyBgc2l6ZWAgSFRNTCBhdHRyaWJ1dGUgb2YgdGhlIGBzZWxlY3RgIGVsZW1lbnQuXG50eXBlIFNlbGVjdFByb3BzID0ge1xuXHRzZWxlY3RTaXplOiBTZWxlY3RTaXplO1xufTtcblxudHlwZSBJbnB1dFByb3BzID0ge1xuXHRkaXNhYmxlVW5pdHM/OiBib29sZWFuO1xuXHRzaXplOiBTZWxlY3RTaXplO1xufTtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBwYWRkaW5nU3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggeyBwYWRkaW5nUmlnaHQ6IDggfSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */");
 };
 
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -52,7 +43,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "lcexyi-arrowStyles",
   styles: "&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;};label:arrowStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VuaXQtY29udHJvbC9zdHlsZXMvdW5pdC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyBVc2luZyBgc2VsZWN0U2l6ZWAgaW5zdGVhZCBvZiBgc2l6ZWAgdG8gYXZvaWQgYSB0eXBlIGNvbmZsaWN0IHdpdGggdGhlXG4vLyBgc2l6ZWAgSFRNTCBhdHRyaWJ1dGUgb2YgdGhlIGBzZWxlY3RgIGVsZW1lbnQuXG50eXBlIFNlbGVjdFByb3BzID0ge1xuXHRzZWxlY3RTaXplOiBTZWxlY3RTaXplO1xufTtcblxudHlwZSBJbnB1dFByb3BzID0ge1xuXHRkaXNhYmxlVW5pdHM/OiBib29sZWFuO1xuXHRzaXplOiBTZWxlY3RTaXplO1xufTtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBwYWRkaW5nU3R5bGVzID0gKCB7IGRpc2FibGVVbml0cywgc2l6ZSB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRjb25zdCBwYWRkaW5ncyA9IHtcblx0XHRkZWZhdWx0OiB7XG5cdFx0XHRwYWRkaW5nUmlnaHQ6IDgsXG5cdFx0fSxcblx0XHRzbWFsbDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0J19fdW5zdGFibGUtbGFyZ2UnOiB7XG5cdFx0XHRwYWRkaW5nUmlnaHQ6IGRpc2FibGVVbml0cyA/IDE2IDogOCxcblx0XHR9LFxuXHR9O1xuXG5cdHJldHVybiBjc3NgXG5cdFx0JHsgcnRsKCBwYWRkaW5nc1sgc2l6ZSBdICkoKSB9O1xuXHRgO1xufTtcblxuY29uc3QgYXJyb3dTdHlsZXMgPSAoIHsgZGlzYWJsZVVuaXRzIH06IElucHV0UHJvcHMgKSA9PiB7XG5cdGlmICggZGlzYWJsZVVuaXRzICkgcmV0dXJuICcnO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0Jjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcblx0XHQmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcblx0XHRcdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdG1hcmdpbjogMDtcblx0XHR9XG5cdGA7XG59O1xuXG4vLyBUT0RPOiBSZXNvbHZlIG5lZWQgdG8gdXNlICYmJiB0byBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuLy8gaHR0cHM6Ly9naXRodWIuY29tL1dvcmRQcmVzcy9ndXRlbmJlcmcvaXNzdWVzLzE4NDgzXG5cbmV4cG9ydCBjb25zdCBWYWx1ZUlucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCYmJiB7XG5cdFx0aW5wdXQge1xuXHRcdFx0YXBwZWFyYW5jZTogbm9uZTtcblx0XHRcdC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHR3aWR0aDogMTAwJTtcblxuXHRcdFx0JHsgYXJyb3dTdHlsZXMgfTtcblx0XHRcdCR7IHBhZGRpbmdTdHlsZXMgfTtcblx0XHR9XG5cdH1cbmA7XG5cbmNvbnN0IGJhc2VVbml0TGFiZWxTdHlsZXMgPSBjc3NgXG5cdGFwcGVhcmFuY2U6IG5vbmU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJvcmRlcjogbm9uZTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheVsgNTAwIF0gfTtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGZvbnQtc2l6ZTogOHB4O1xuXHRsZXR0ZXItc3BhY2luZzogLTAuNXB4O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAycHggMXB4O1xuXHR0ZXh0LWFsaWduLWxhc3Q6IGNlbnRlcjtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0d2lkdGg6IDIwcHg7XG5cblx0JHsgcnRsKCB7IGJvcmRlclRvcExlZnRSYWRpdXM6IDAsIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAgfSApKCkgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRMYWJlbCA9IHN0eWxlZC5kaXY8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cblx0XHQkeyBiYXNlVW5pdExhYmVsU3R5bGVzIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0U2VsZWN0ID0gc3R5bGVkLnNlbGVjdDwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHQkeyBiYXNlVW5pdExhYmVsU3R5bGVzIH07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdGhlaWdodDogMTAwJTtcblxuXHRcdCY6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmxpZ2h0R3JheVsgMzAwIF0gfTtcblx0XHR9XG5cblx0XHQmOmZvY3VzIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckZvY3VzIH07XG5cdFx0XHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRvdXRsaW5lLW9mZnNldDogMDtcblx0XHR9XG5cblx0XHQmOmRpc2FibGVkIHtcblx0XHRcdGN1cnNvcjogaW5pdGlhbDtcblxuXHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3VuaXQtY29udHJvbC9zdHlsZXMvdW5pdC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG4vLyBVc2luZyBgc2VsZWN0U2l6ZWAgaW5zdGVhZCBvZiBgc2l6ZWAgdG8gYXZvaWQgYSB0eXBlIGNvbmZsaWN0IHdpdGggdGhlXG4vLyBgc2l6ZWAgSFRNTCBhdHRyaWJ1dGUgb2YgdGhlIGBzZWxlY3RgIGVsZW1lbnQuXG50eXBlIFNlbGVjdFByb3BzID0ge1xuXHRzZWxlY3RTaXplOiBTZWxlY3RTaXplO1xufTtcblxudHlwZSBJbnB1dFByb3BzID0ge1xuXHRkaXNhYmxlVW5pdHM/OiBib29sZWFuO1xuXHRzaXplOiBTZWxlY3RTaXplO1xufTtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBwYWRkaW5nU3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggeyBwYWRkaW5nUmlnaHQ6IDggfSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -71,21 +62,21 @@ export const ValueInput = /*#__PURE__*/_styled(NumberControl, process.env.NODE_E
 } : {
   target: "e1bagdl32",
   label: "ValueInput"
-})("&&&{input{appearance:none;-moz-appearance:textfield;display:block;width:100%;", arrowStyles, ";", paddingStyles, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMsIHNpemUgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgcGFkZGluZ3MgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdHBhZGRpbmdSaWdodDogOCxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiBkaXNhYmxlVW5pdHMgPyAxNiA6IDgsXG5cdFx0fSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggcGFkZGluZ3NbIHNpemUgXSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
+})("&&&{input{appearance:none;-moz-appearance:textfield;display:block;width:100%;", arrowStyles, ";", paddingStyles, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiA4IH0gKSgpIH07XG5cdGA7XG59O1xuXG5jb25zdCBhcnJvd1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdH1cblx0YDtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFZhbHVlSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JiYmIHtcblx0XHRpbnB1dCB7XG5cdFx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXG5cdFx0XHQkeyBhcnJvd1N0eWxlcyB9O1xuXHRcdFx0JHsgcGFkZGluZ1N0eWxlcyB9O1xuXHRcdH1cblx0fVxuYDtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9IGNzc2Bcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0Ym9yZGVyOiBub25lO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5WyA1MDAgXSB9O1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1zaXplOiA4cHg7XG5cdGxldHRlci1zcGFjaW5nOiAtMC41cHg7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDJweCAxcHg7XG5cdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHR3aWR0aDogMjBweDtcblxuXHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMubGlnaHRHcmF5WyAzMDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAwO1xuXHRcdH1cblxuXHRcdCY6ZGlzYWJsZWQge1xuXHRcdFx0Y3Vyc29yOiBpbml0aWFsO1xuXG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
 const baseUnitLabelStyles = /*#__PURE__*/css("appearance:none;background:transparent;border-radius:2px;border:none;box-sizing:border-box;color:", COLORS.darkGray[500], ";display:block;font-size:8px;letter-spacing:-0.5px;outline:none;padding:2px 1px;text-align-last:center;text-transform:uppercase;width:20px;", rtl({
   borderTopLeftRadius: 0,
   borderBottomLeftRadius: 0
-})(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseUnitLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMsIHNpemUgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgcGFkZGluZ3MgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdHBhZGRpbmdSaWdodDogOCxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiBkaXNhYmxlVW5pdHMgPyAxNiA6IDgsXG5cdFx0fSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggcGFkZGluZ3NbIHNpemUgXSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */");
+})(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseUnitLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiA4IH0gKSgpIH07XG5cdGA7XG59O1xuXG5jb25zdCBhcnJvd1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdH1cblx0YDtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFZhbHVlSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JiYmIHtcblx0XHRpbnB1dCB7XG5cdFx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXG5cdFx0XHQkeyBhcnJvd1N0eWxlcyB9O1xuXHRcdFx0JHsgcGFkZGluZ1N0eWxlcyB9O1xuXHRcdH1cblx0fVxuYDtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9IGNzc2Bcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0Ym9yZGVyOiBub25lO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5WyA1MDAgXSB9O1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1zaXplOiA4cHg7XG5cdGxldHRlci1zcGFjaW5nOiAtMC41cHg7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDJweCAxcHg7XG5cdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHR3aWR0aDogMjBweDtcblxuXHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMubGlnaHRHcmF5WyAzMDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAwO1xuXHRcdH1cblxuXHRcdCY6ZGlzYWJsZWQge1xuXHRcdFx0Y3Vyc29yOiBpbml0aWFsO1xuXG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */");
 export const UnitLabel = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1bagdl31"
 } : {
   target: "e1bagdl31",
   label: "UnitLabel"
-})("&&&{pointer-events:none;", baseUnitLabelStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGa0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMsIHNpemUgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgcGFkZGluZ3MgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdHBhZGRpbmdSaWdodDogOCxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiBkaXNhYmxlVW5pdHMgPyAxNiA6IDgsXG5cdFx0fSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggcGFkZGluZ3NbIHNpemUgXSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
+})("&&&{pointer-events:none;", baseUnitLabelStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ga0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiA4IH0gKSgpIH07XG5cdGA7XG59O1xuXG5jb25zdCBhcnJvd1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdH1cblx0YDtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFZhbHVlSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JiYmIHtcblx0XHRpbnB1dCB7XG5cdFx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXG5cdFx0XHQkeyBhcnJvd1N0eWxlcyB9O1xuXHRcdFx0JHsgcGFkZGluZ1N0eWxlcyB9O1xuXHRcdH1cblx0fVxuYDtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9IGNzc2Bcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0Ym9yZGVyOiBub25lO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5WyA1MDAgXSB9O1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1zaXplOiA4cHg7XG5cdGxldHRlci1zcGFjaW5nOiAtMC41cHg7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDJweCAxcHg7XG5cdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHR3aWR0aDogMjBweDtcblxuXHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMubGlnaHRHcmF5WyAzMDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAwO1xuXHRcdH1cblxuXHRcdCY6ZGlzYWJsZWQge1xuXHRcdFx0Y3Vyc29yOiBpbml0aWFsO1xuXG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
 export const UnitSelect = _styled("select", process.env.NODE_ENV === "production" ? {
   target: "e1bagdl30"
 } : {
   target: "e1bagdl30",
   label: "UnitSelect"
-})("&&&{", baseUnitLabelStyles, ";cursor:pointer;border:1px solid transparent;height:100%;&:hover{background-color:", COLORS.lightGray[300], ";}&:focus{border-color:", COLORS.ui.borderFocus, ";outline:2px solid transparent;outline-offset:0;}&:disabled{cursor:initial;&:hover{background-color:transparent;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNHc0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMsIHNpemUgfTogSW5wdXRQcm9wcyApID0+IHtcblx0Y29uc3QgcGFkZGluZ3MgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiA4LFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdHBhZGRpbmdSaWdodDogOCxcblx0XHR9LFxuXHRcdCdfX3Vuc3RhYmxlLWxhcmdlJzoge1xuXHRcdFx0cGFkZGluZ1JpZ2h0OiBkaXNhYmxlVW5pdHMgPyAxNiA6IDgsXG5cdFx0fSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCR7IHJ0bCggcGFkZGluZ3NbIHNpemUgXSApKCkgfTtcblx0YDtcbn07XG5cbmNvbnN0IGFycm93U3R5bGVzID0gKCB7IGRpc2FibGVVbml0cyB9OiBJbnB1dFByb3BzICkgPT4ge1xuXHRpZiAoIGRpc2FibGVVbml0cyApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzYFxuXHRcdCY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sXG5cdFx0Jjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG5cdFx0XHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0fVxuXHRgO1xufTtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgVmFsdWVJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQmJiYge1xuXHRcdGlucHV0IHtcblx0XHRcdGFwcGVhcmFuY2U6IG5vbmU7XG5cdFx0XHQtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cblx0XHRcdCR7IGFycm93U3R5bGVzIH07XG5cdFx0XHQkeyBwYWRkaW5nU3R5bGVzIH07XG5cdFx0fVxuXHR9XG5gO1xuXG5jb25zdCBiYXNlVW5pdExhYmVsU3R5bGVzID0gY3NzYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGNvbG9yOiAkeyBDT0xPUlMuZGFya0dyYXlbIDUwMCBdIH07XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDhweDtcblx0bGV0dGVyLXNwYWNpbmc6IC0wLjVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMnB4IDFweDtcblx0dGV4dC1hbGlnbi1sYXN0OiBjZW50ZXI7XG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdHdpZHRoOiAyMHB4O1xuXG5cdCR7IHJ0bCggeyBib3JkZXJUb3BMZWZ0UmFkaXVzOiAwLCBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwIH0gKSgpIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbml0TGFiZWwgPSBzdHlsZWQuZGl2PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0JHsgYmFzZVVuaXRMYWJlbFN0eWxlcyB9O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7IENPTE9SUy5saWdodEdyYXlbIDMwMCBdIH07XG5cdFx0fVxuXG5cdFx0Jjpmb2N1cyB7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdFx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRcdFx0b3V0bGluZS1vZmZzZXQ6IDA7XG5cdFx0fVxuXG5cdFx0JjpkaXNhYmxlZCB7XG5cdFx0XHRjdXJzb3I6IGluaXRpYWw7XG5cblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));
+})("&&&{", baseUnitLabelStyles, ";cursor:pointer;border:1px solid transparent;height:100%;&:hover{background-color:", COLORS.lightGray[300], ";}&:focus{border-color:", COLORS.ui.borderFocus, ";outline:2px solid transparent;outline-offset:0;}&:disabled{cursor:initial;&:hover{background-color:transparent;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdW5pdC1jb250cm9sL3N0eWxlcy91bml0LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGc0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91bml0LWNvbnRyb2wvc3R5bGVzL3VuaXQtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBOdW1iZXJDb250cm9sIGZyb20gJy4uLy4uL251bWJlci1jb250cm9sJztcbmltcG9ydCB0eXBlIHsgU2VsZWN0U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gVXNpbmcgYHNlbGVjdFNpemVgIGluc3RlYWQgb2YgYHNpemVgIHRvIGF2b2lkIGEgdHlwZSBjb25mbGljdCB3aXRoIHRoZVxuLy8gYHNpemVgIEhUTUwgYXR0cmlidXRlIG9mIHRoZSBgc2VsZWN0YCBlbGVtZW50LlxudHlwZSBTZWxlY3RQcm9wcyA9IHtcblx0c2VsZWN0U2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcblx0ZGlzYWJsZVVuaXRzPzogYm9vbGVhbjtcblx0c2l6ZTogU2VsZWN0U2l6ZTtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgcGFkZGluZ1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQkeyBydGwoIHsgcGFkZGluZ1JpZ2h0OiA4IH0gKSgpIH07XG5cdGA7XG59O1xuXG5jb25zdCBhcnJvd1N0eWxlcyA9ICggeyBkaXNhYmxlVW5pdHMgfTogSW5wdXRQcm9wcyApID0+IHtcblx0aWYgKCBkaXNhYmxlVW5pdHMgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHQmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdCY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24ge1xuXHRcdFx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdH1cblx0YDtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFZhbHVlSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JiYmIHtcblx0XHRpbnB1dCB7XG5cdFx0XHRhcHBlYXJhbmNlOiBub25lO1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXG5cdFx0XHQkeyBhcnJvd1N0eWxlcyB9O1xuXHRcdFx0JHsgcGFkZGluZ1N0eWxlcyB9O1xuXHRcdH1cblx0fVxuYDtcblxuY29uc3QgYmFzZVVuaXRMYWJlbFN0eWxlcyA9IGNzc2Bcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0Ym9yZGVyOiBub25lO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5WyA1MDAgXSB9O1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1zaXplOiA4cHg7XG5cdGxldHRlci1zcGFjaW5nOiAtMC41cHg7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDJweCAxcHg7XG5cdHRleHQtYWxpZ24tbGFzdDogY2VudGVyO1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHR3aWR0aDogMjBweDtcblxuXHQkeyBydGwoIHsgYm9yZGVyVG9wTGVmdFJhZGl1czogMCwgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCB9ICkoKSB9XG5gO1xuXG5leHBvcnQgY29uc3QgVW5pdExhYmVsID0gc3R5bGVkLmRpdjwgU2VsZWN0UHJvcHMgPmBcblx0JiYmIHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFVuaXRTZWxlY3QgPSBzdHlsZWQuc2VsZWN0PCBTZWxlY3RQcm9wcyA+YFxuXHQmJiYge1xuXHRcdCR7IGJhc2VVbml0TGFiZWxTdHlsZXMgfTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMubGlnaHRHcmF5WyAzMDAgXSB9O1xuXHRcdH1cblxuXHRcdCY6Zm9jdXMge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRcdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdG91dGxpbmUtb2Zmc2V0OiAwO1xuXHRcdH1cblxuXHRcdCY6ZGlzYWJsZWQge1xuXHRcdFx0Y3Vyc29yOiBpbml0aWFsO1xuXG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */"));
 //# sourceMappingURL=unit-control-styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/styles/unit-control-styles.ts"],"names":["css","COLORS","rtl","NumberControl","Root","paddingStyles","disableUnits","size","paddings","default","paddingRight","small","arrowStyles","ValueInput","baseUnitLabelStyles","darkGray","borderTopLeftRadius","borderBottomLeftRadius","UnitLabel","UnitSelect","lightGray","ui","borderFocus"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;;AAEA;AACA;AACA;AACA,SAASC,MAAT,EAAiBC,GAAjB,QAA4B,aAA5B;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AAcA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV;;AAKP,MAAMC,aAAa,GAAG,SAA0C;AAAA,MAAxC;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAAwC;AAC/D,QAAMC,QAAQ,GAAG;AAChBC,IAAAA,OAAO,EAAE;AACRC,MAAAA,YAAY,EAAE;AADN,KADO;AAIhBC,IAAAA,KAAK,EAAE;AACND,MAAAA,YAAY,EAAE;AADR,KAJS;AAOhB,wBAAoB;AACnBA,MAAAA,YAAY,EAAEJ,YAAY,GAAG,EAAH,GAAQ;AADf;AAPJ,GAAjB;AAYA,sBAAON,GAAP,CACIE,GAAG,CAAEM,QAAQ,CAAED,IAAF,CAAV,CAAH,EADJ;AAGA,CAhBD;;;;;;;;;;;;AAkBA,MAAMK,WAAW,GAAG,SAAoC;AAAA,MAAlC;AAAEN,IAAAA;AAAF,GAAkC;AACvD,MAAKA,YAAL,EAAoB,OAAO,EAAP;AAEpB;AAOA,CAVD,C,CAYA;AACA;;;AAEA,OAAO,MAAMO,UAAU,GAAG,qBAAQV,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kFAQjBS,WARiB,OASjBP,aATiB,26HAAhB;AAcP,MAAMS,mBAAmB,gBAAGd,GAAH,sGAMdC,MAAM,CAACc,QAAP,CAAiB,GAAjB,CANc,iJAgBrBb,GAAG,CAAE;AAAEc,EAAAA,mBAAmB,EAAE,CAAvB;AAA0BC,EAAAA,sBAAsB,EAAE;AAAlD,CAAF,CAAH,EAhBqB,q/HAAzB;AAmBA,OAAO,MAAMC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,+BAIjBJ,mBAJiB,06HAAf;AAQP,OAAO,MAAMK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAElBL,mBAFkB,wFAQCb,MAAM,CAACmB,SAAP,CAAkB,GAAlB,CARD,6BAYHnB,MAAM,CAACoB,EAAP,CAAUC,WAZP,2hIAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport NumberControl from '../../number-control';\nimport type { SelectSize } from '../types';\n\n// Using `selectSize` instead of `size` to avoid a type conflict with the\n// `size` HTML attribute of the `select` element.\ntype SelectProps = {\n\tselectSize: SelectSize;\n};\n\ntype InputProps = {\n\tdisableUnits?: boolean;\n\tsize: SelectSize;\n};\n\nexport const Root = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n`;\n\nconst paddingStyles = ( { disableUnits, size }: InputProps ) => {\n\tconst paddings = {\n\t\tdefault: {\n\t\t\tpaddingRight: 8,\n\t\t},\n\t\tsmall: {\n\t\t\tpaddingRight: 8,\n\t\t},\n\t\t'__unstable-large': {\n\t\t\tpaddingRight: disableUnits ? 16 : 8,\n\t\t},\n\t};\n\n\treturn css`\n\t\t${ rtl( paddings[ size ] )() };\n\t`;\n};\n\nconst arrowStyles = ( { disableUnits }: InputProps ) => {\n\tif ( disableUnits ) return '';\n\n\treturn css`\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const ValueInput = styled( NumberControl )`\n\t&&& {\n\t\tinput {\n\t\t\tappearance: none;\n\t\t\t-moz-appearance: textfield;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\n\t\t\t${ arrowStyles };\n\t\t\t${ paddingStyles };\n\t\t}\n\t}\n`;\n\nconst baseUnitLabelStyles = css`\n\tappearance: none;\n\tbackground: transparent;\n\tborder-radius: 2px;\n\tborder: none;\n\tbox-sizing: border-box;\n\tcolor: ${ COLORS.darkGray[ 500 ] };\n\tdisplay: block;\n\tfont-size: 8px;\n\tletter-spacing: -0.5px;\n\toutline: none;\n\tpadding: 2px 1px;\n\ttext-align-last: center;\n\ttext-transform: uppercase;\n\twidth: 20px;\n\n\t${ rtl( { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 } )() }\n`;\n\nexport const UnitLabel = styled.div< SelectProps >`\n\t&&& {\n\t\tpointer-events: none;\n\n\t\t${ baseUnitLabelStyles };\n\t}\n`;\n\nexport const UnitSelect = styled.select< SelectProps >`\n\t&&& {\n\t\t${ baseUnitLabelStyles };\n\t\tcursor: pointer;\n\t\tborder: 1px solid transparent;\n\t\theight: 100%;\n\n\t\t&:hover {\n\t\t\tbackground-color: ${ COLORS.lightGray[ 300 ] };\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: initial;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/styles/unit-control-styles.ts"],"names":["css","COLORS","rtl","NumberControl","Root","paddingStyles","disableUnits","paddingRight","arrowStyles","ValueInput","baseUnitLabelStyles","darkGray","borderTopLeftRadius","borderBottomLeftRadius","UnitLabel","UnitSelect","lightGray","ui","borderFocus"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;;AAEA;AACA;AACA;AACA,SAASC,MAAT,EAAiBC,GAAjB,QAA4B,aAA5B;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AAcA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV;;AAKP,MAAMC,aAAa,GAAG,SAAoC;AAAA,MAAlC;AAAEC,IAAAA;AAAF,GAAkC;AACzD,MAAKA,YAAL,EAAoB,OAAO,EAAP;AAEpB,sBAAON,GAAP,CACIE,GAAG,CAAE;AAAEK,IAAAA,YAAY,EAAE;AAAhB,GAAF,CAAH,EADJ;AAGA,CAND;;;;;;;;;;;;AAQA,MAAMC,WAAW,GAAG,SAAoC;AAAA,MAAlC;AAAEF,IAAAA;AAAF,GAAkC;AACvD,MAAKA,YAAL,EAAoB,OAAO,EAAP;AAEpB;AAOA,CAVD,C,CAYA;AACA;;;AAEA,OAAO,MAAMG,UAAU,GAAG,qBAAQN,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kFAQjBK,WARiB,OASjBH,aATiB,usHAAhB;AAcP,MAAMK,mBAAmB,gBAAGV,GAAH,sGAMdC,MAAM,CAACU,QAAP,CAAiB,GAAjB,CANc,iJAgBrBT,GAAG,CAAE;AAAEU,EAAAA,mBAAmB,EAAE,CAAvB;AAA0BC,EAAAA,sBAAsB,EAAE;AAAlD,CAAF,CAAH,EAhBqB,ixHAAzB;AAmBA,OAAO,MAAMC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,+BAIjBJ,mBAJiB,ssHAAf;AAQP,OAAO,MAAMK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAElBL,mBAFkB,wFAQCT,MAAM,CAACe,SAAP,CAAkB,GAAlB,CARD,6BAYHf,MAAM,CAACgB,EAAP,CAAUC,WAZP,uzHAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport NumberControl from '../../number-control';\nimport type { SelectSize } from '../types';\n\n// Using `selectSize` instead of `size` to avoid a type conflict with the\n// `size` HTML attribute of the `select` element.\ntype SelectProps = {\n\tselectSize: SelectSize;\n};\n\ntype InputProps = {\n\tdisableUnits?: boolean;\n\tsize: SelectSize;\n};\n\nexport const Root = styled.div`\n\tbox-sizing: border-box;\n\tposition: relative;\n`;\n\nconst paddingStyles = ( { disableUnits }: InputProps ) => {\n\tif ( disableUnits ) return '';\n\n\treturn css`\n\t\t${ rtl( { paddingRight: 8 } )() };\n\t`;\n};\n\nconst arrowStyles = ( { disableUnits }: InputProps ) => {\n\tif ( disableUnits ) return '';\n\n\treturn css`\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const ValueInput = styled( NumberControl )`\n\t&&& {\n\t\tinput {\n\t\t\tappearance: none;\n\t\t\t-moz-appearance: textfield;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\n\t\t\t${ arrowStyles };\n\t\t\t${ paddingStyles };\n\t\t}\n\t}\n`;\n\nconst baseUnitLabelStyles = css`\n\tappearance: none;\n\tbackground: transparent;\n\tborder-radius: 2px;\n\tborder: none;\n\tbox-sizing: border-box;\n\tcolor: ${ COLORS.darkGray[ 500 ] };\n\tdisplay: block;\n\tfont-size: 8px;\n\tletter-spacing: -0.5px;\n\toutline: none;\n\tpadding: 2px 1px;\n\ttext-align-last: center;\n\ttext-transform: uppercase;\n\twidth: 20px;\n\n\t${ rtl( { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 } )() }\n`;\n\nexport const UnitLabel = styled.div< SelectProps >`\n\t&&& {\n\t\tpointer-events: none;\n\n\t\t${ baseUnitLabelStyles };\n\t}\n`;\n\nexport const UnitSelect = styled.select< SelectProps >`\n\t&&& {\n\t\t${ baseUnitLabelStyles };\n\t\tcursor: pointer;\n\t\tborder: 1px solid transparent;\n\t\theight: 100%;\n\n\t\t&:hover {\n\t\t\tbackground-color: ${ COLORS.lightGray[ 300 ] };\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: initial;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n`;\n"]}

package/build-module/unit-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/utils.ts"],"names":["__","_x","Platform","isWeb","OS","allUnits","px","value","label","a11yLabel","step","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedQuantityAndUnit","rawValue","fallbackUnit","allowedUnits","initialValue","parseQuantityAndUnitFromRawValue","hasUnits","units","Array","isArray","length","trimmedValue","quantityToReturn","trim","parsedQuantity","parseFloat","isFinite","undefined","unitMatch","match","matchedUnit","toLowerCase","unitToReturn","find","item","getValidParsedQuantityAndUnit","fallbackQuantity","parsedUnit","getAccessibleLabelForUnit","unit","filterUnitsWithSettings","allowedUnitValues","availableUnits","filter","includes","useCustomUnits","defaultValues","customUnitsToReturn","forEach","i","parsedDefaultValue","default","getUnitsWithCurrentUnit","legacyUnit","unitsToReturn","currentUnit","some","unshift"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,EAAaC,EAAb,QAAuB,iBAAvB;AACA,SAASC,QAAT,QAAyB,oBAAzB;AAEA;AACA;AACA;;AAGA,MAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAT,KAAgB,KAA9B;AAEA,MAAMC,QAA6C,GAAG;AACrDC,EAAAA,EAAE,EAAE;AACHC,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,aAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,aAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GADiD;AAOrD,OAAK;AACJH,IAAAA,KAAK,EAAE,GADH;AAEJC,IAAAA,KAAK,EAAEL,KAAK,GAAG,GAAH,GAASH,EAAE,CAAE,gBAAF,CAFnB;AAGJS,IAAAA,SAAS,EAAET,EAAE,CAAE,aAAF,CAHT;AAIJU,IAAAA,IAAI,EAAE;AAJF,GAPgD;AAarDC,EAAAA,EAAE,EAAE;AACHJ,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,mCAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAER,EAAE,CAAE,KAAF,EAAS,mCAAT,CAHV;AAIHS,IAAAA,IAAI,EAAE;AAJH,GAbiD;AAmBrDE,EAAAA,GAAG,EAAE;AACJL,IAAAA,KAAK,EAAE,KADH;AAEJC,IAAAA,KAAK,EAAEL,KAAK,GAAG,KAAH,GAAWH,EAAE,CAAE,kCAAF,CAFrB;AAGJS,IAAAA,SAAS,EAAER,EAAE,CAAE,MAAF,EAAU,kCAAV,CAHT;AAIJS,IAAAA,IAAI,EAAE;AAJF,GAnBgD;AAyBrDG,EAAAA,EAAE,EAAE;AACHN,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,qBAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,qBAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GAzBiD;AA+BrDI,EAAAA,EAAE,EAAE;AACHP,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,sBAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,sBAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GA/BiD;AAqCrDK,EAAAA,IAAI,EAAE;AACLR,IAAAA,KAAK,EAAE,MADF;AAELC,IAAAA,KAAK,EAAEL,KAAK,GAAG,MAAH,GAAYH,EAAE,CAAE,oCAAF,CAFrB;AAGLS,IAAAA,SAAS,EAAET,EAAE,CAAE,oCAAF,CAHR;AAILU,IAAAA,IAAI,EAAE;AAJD,GArC+C;AA2CrDM,EAAAA,IAAI,EAAE;AACLT,IAAAA,KAAK,EAAE,MADF;AAELC,IAAAA,KAAK,EAAEL,KAAK,GAAG,MAAH,GAAYH,EAAE,CAAE,mCAAF,CAFrB;AAGLS,IAAAA,SAAS,EAAET,EAAE,CAAE,mCAAF,CAHR;AAILU,IAAAA,IAAI,EAAE;AAJD,GA3C+C;AAiDrDO,EAAAA,EAAE,EAAE;AACHV,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,sCAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,sCAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GAjDiD;AAuDrDQ,EAAAA,EAAE,EAAE;AACHX,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,2BAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,2BAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GAvDiD;AA6DrDS,EAAAA,EAAE,EAAE;AACHZ,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,kBAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,kBAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GA7DiD;AAmErDU,EAAAA,EAAE,EAAE;AACHb,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,kBAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,kBAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GAnEiD;AAyErDW,EAAAA,EAAE,EAAE;AACHd,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,aAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,aAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GAzEiD;AA+ErDY,EAAAA,EAAE,EAAE;AACHf,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,YAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,YAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH,GA/EiD;AAqFrDa,EAAAA,EAAE,EAAE;AACHhB,IAAAA,KAAK,EAAE,IADJ;AAEHC,IAAAA,KAAK,EAAEL,KAAK,GAAG,IAAH,GAAUH,EAAE,CAAE,aAAF,CAFrB;AAGHS,IAAAA,SAAS,EAAET,EAAE,CAAE,aAAF,CAHV;AAIHU,IAAAA,IAAI,EAAE;AAJH;AArFiD,CAAtD;AA6FA;AACA;AACA;;AACA,OAAO,MAAMc,aAAa,GAAGC,MAAM,CAACC,MAAP,CAAerB,QAAf,CAAtB;AAEP;AACA;AACA;;AACA,OAAO,MAAMsB,SAAS,GAAG,CACxBtB,QAAQ,CAACC,EADe,EAExBD,QAAQ,CAAE,GAAF,CAFgB,EAGxBA,QAAQ,CAACM,EAHe,EAIxBN,QAAQ,CAACO,GAJe,EAKxBP,QAAQ,CAACQ,EALe,EAMxBR,QAAQ,CAACS,EANe,CAAlB;AASP,OAAO,MAAMc,YAAY,GAAGvB,QAAQ,CAACC,EAA9B;AAEP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASuB,wBAAT,CACNC,QADM,EAENC,YAFM,EAGNC,YAHM,EAIuC;AAC7C,QAAMC,YAAY,GAAGF,YAAY,GAC7B,GAAGD,QAAJ,aAAIA,QAAJ,cAAIA,QAAJ,GAAgB,EAAI,GAAGC,YAAc,EADP,GAE9BD,QAFH;AAIA,SAAOI,gCAAgC,CAAED,YAAF,EAAgBD,YAAhB,CAAvC;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,QAAT,CAAmBC,KAAnB,EAA0D;AAChE;AACA;AACA;AACA,SAAOC,KAAK,CAACC,OAAN,CAAeF,KAAf,KAA0B,CAAC,CAAEA,KAAK,CAACG,MAA1C;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASL,gCAAT,CACNJ,QADM,EAGuC;AAAA;;AAAA,MAD7CE,YAC6C,uEADTR,aACS;AAC7C,MAAIgB,YAAJ;AACA,MAAIC,gBAAJ;;AAEA,MAAK,OAAOX,QAAP,KAAoB,WAApB,IAAmCA,QAAQ,KAAK,IAArD,EAA4D;AAC3DU,IAAAA,YAAY,GAAI,GAAGV,QAAU,EAAd,CAAgBY,IAAhB,EAAf;AACA,UAAMC,cAAc,GAAGC,UAAU,CAAEJ,YAAF,CAAjC;AACAC,IAAAA,gBAAgB,GAAG,CAAEI,QAAQ,CAAEF,cAAF,CAAV,GAChBG,SADgB,GAEhBH,cAFH;AAGA;;AAED,QAAMI,SAAS,oBAAGP,YAAH,kDAAG,cAAcQ,KAAd,CAAqB,mBAArB,CAAlB;AACA,QAAMC,WAAW,GAAGF,SAAH,aAAGA,SAAH,sCAAGA,SAAS,CAAI,CAAJ,CAAZ,gDAAG,YAAkBG,WAAlB,EAApB;AACA,MAAIC,YAAJ;;AACA,MAAKhB,QAAQ,CAAEH,YAAF,CAAb,EAAgC;AAC/B,UAAMgB,KAAK,GAAGhB,YAAY,CAACoB,IAAb,CACXC,IAAF,IAAYA,IAAI,CAAC9C,KAAL,KAAe0C,WADd,CAAd;AAGAE,IAAAA,YAAY,GAAGH,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEzC,KAAtB;AACA,GALD,MAKO;AACN4C,IAAAA,YAAY,GAAGvB,YAAY,CAACrB,KAA5B;AACA;;AAED,SAAO,CAAEkC,gBAAF,EAAoBU,YAApB,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,6BAAT,CACNxB,QADM,EAENE,YAFM,EAGNuB,gBAHM,EAINxB,YAJM,EAKuC;AAC7C,QAAM,CAAEY,cAAF,EAAkBa,UAAlB,IAAiCtB,gCAAgC,CACtEJ,QADsE,EAEtEE,YAFsE,CAAvE,CAD6C,CAM7C;AACA;;AACA,QAAMS,gBAAgB,GAAGE,cAAH,aAAGA,cAAH,cAAGA,cAAH,GAAqBY,gBAA3C,CAR6C,CAU7C;AACA;;AACA,MAAIJ,YAAY,GAAGK,UAAU,IAAIzB,YAAjC;;AAEA,MAAK,CAAEoB,YAAF,IAAkBhB,QAAQ,CAAEH,YAAF,CAA/B,EAAkD;AACjDmB,IAAAA,YAAY,GAAGnB,YAAY,CAAE,CAAF,CAAZ,CAAkBzB,KAAjC;AACA;;AAED,SAAO,CAAEkC,gBAAF,EAAoBU,YAApB,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASM,yBAAT,CAAoCC,IAApC,EAAuE;AAC7E,QAAMV,KAAK,GAAGxB,aAAa,CAAC4B,IAAd,CAAsBC,IAAF,IAAYA,IAAI,CAAC9C,KAAL,KAAemD,IAA/C,CAAd;AACA,SAAOV,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEvC,SAAP,GAAmBuC,KAAnB,aAAmBA,KAAnB,uBAAmBA,KAAK,CAAEvC,SAA1B,GAAsCuC,KAAtC,aAAsCA,KAAtC,uBAAsCA,KAAK,CAAEzC,KAApD;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASoD,uBAAT,GAGgB;AAAA,MAFtBC,iBAEsB,uEAFQ,EAER;AAAA,MADtBC,cACsB;AACtB;AACA;AACA;AACA,SAAOxB,KAAK,CAACC,OAAN,CAAeuB,cAAf,IACJA,cAAc,CAACC,MAAf,CAAyBJ,IAAF,IACvBE,iBAAiB,CAACG,QAAlB,CAA4BL,IAAI,CAACnD,KAAjC,CADA,CADI,GAIJ,EAJH;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMyD,cAAc,GAAG,QAQF;AAAA,MARI;AAC/B5B,IAAAA,KAAK,GAAGZ,aADuB;AAE/BqC,IAAAA,cAAc,GAAG,EAFc;AAG/BI,IAAAA;AAH+B,GAQJ;AAC3B,QAAMC,mBAAmB,GAAGP,uBAAuB,CAClDE,cADkD,EAElDzB,KAFkD,CAAnD;;AAKA,MAAK6B,aAAL,EAAqB;AACpBC,IAAAA,mBAAmB,CAACC,OAApB,CAA6B,CAAET,IAAF,EAAQU,CAAR,KAAe;AAC3C,UAAKH,aAAa,CAAEP,IAAI,CAACnD,KAAP,CAAlB,EAAmC;AAClC,cAAM,CAAE8D,kBAAF,IAAyBnC,gCAAgC,CAC9D+B,aAAa,CAAEP,IAAI,CAACnD,KAAP,CADiD,CAA/D;AAIA2D,QAAAA,mBAAmB,CAAEE,CAAF,CAAnB,CAAyBE,OAAzB,GAAmCD,kBAAnC;AACA;AACD,KARD;AASA;;AAED,SAAOH,mBAAP;AACA,CA3BM;AA6BP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASK,uBAAT,CACNzC,QADM,EAEN0C,UAFM,EAIgB;AAAA,MADtBpC,KACsB,uEADOZ,aACP;AACtB,QAAMiD,aAAa,GAAGpC,KAAK,CAACC,OAAN,CAAeF,KAAf,IAAyB,CAAE,GAAGA,KAAL,CAAzB,GAAwC,EAA9D;AACA,QAAM,GAAIsC,WAAJ,IAAoB7C,wBAAwB,CACjDC,QADiD,EAEjD0C,UAFiD,EAGjDhD,aAHiD,CAAlD;;AAMA,MACCkD,WAAW,IACX,CAAED,aAAa,CAACE,IAAd,CAAsBjB,IAAF,IAAYA,IAAI,CAACnD,KAAL,KAAemE,WAA/C,CAFH,EAGE;AACD,QAAKrE,QAAQ,CAAEqE,WAAF,CAAb,EAA+B;AAC9BD,MAAAA,aAAa,CAACG,OAAd,CAAuBvE,QAAQ,CAAEqE,WAAF,CAA/B;AACA;AACD;;AAED,SAAOD,aAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WPUnitControlUnit } from './types';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits: Record< string, WPUnitControlUnit > = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\t'%': {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits[ '%' ],\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param  rawValue     The raw value as a string (may or may not contain the unit)\n * @param  fallbackUnit The unit used as a fallback, if not unit is detected in the `value`\n * @param  allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parse\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function getParsedQuantityAndUnit(\n\trawValue?: string | number,\n\tfallbackUnit?: string,\n\tallowedUnits?: WPUnitControlUnit[]\n): [ number | undefined, string | undefined ] {\n\tconst initialValue = fallbackUnit\n\t\t? `${ rawValue ?? '' }${ fallbackUnit }`\n\t\t: rawValue;\n\n\treturn parseQuantityAndUnitFromRawValue( initialValue, allowedUnits );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param  units List of units.\n * @return Whether the list actually contains any units.\n */\nexport function hasUnits( units?: WPUnitControlUnit[] ): boolean {\n\t// Although the `isArray` check shouldn't be necessary (given the signature of\n\t// this typed function), it's better to stay on the side of caution, since\n\t// this function may be called from un-typed environments.\n\treturn Array.isArray( units ) && !! units.length;\n}\n\n/**\n * Parses a quantity and unit from a raw string value, given a list of allowed\n * units and otherwise falling back to the default unit.\n *\n * @param  rawValue     The raw value as a string (may or may not contain the unit)\n * @param  allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parsed\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function parseQuantityAndUnitFromRawValue(\n\trawValue?: string | number,\n\tallowedUnits: WPUnitControlUnit[] = ALL_CSS_UNITS\n): [ number | undefined, string | undefined ] {\n\tlet trimmedValue;\n\tlet quantityToReturn;\n\n\tif ( typeof rawValue !== 'undefined' || rawValue === null ) {\n\t\ttrimmedValue = `${ rawValue }`.trim();\n\t\tconst parsedQuantity = parseFloat( trimmedValue );\n\t\tquantityToReturn = ! isFinite( parsedQuantity )\n\t\t\t? undefined\n\t\t\t: parsedQuantity;\n\t}\n\n\tconst unitMatch = trimmedValue?.match( /[\\d.\\-\\+]*\\s*(.*)/ );\n\tconst matchedUnit = unitMatch?.[ 1 ]?.toLowerCase();\n\tlet unitToReturn: string | undefined;\n\tif ( hasUnits( allowedUnits ) ) {\n\t\tconst match = allowedUnits.find(\n\t\t\t( item ) => item.value === matchedUnit\n\t\t);\n\t\tunitToReturn = match?.value;\n\t} else {\n\t\tunitToReturn = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ quantityToReturn, unitToReturn ];\n}\n\n/**\n * Parses quantity and unit from a raw value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param  rawValue         The next value.\n * @param  allowedUnits     Units to derive from.\n * @param  fallbackQuantity The fallback quantity, used in case it's not possible to parse a valid quantity from the raw value.\n * @param  fallbackUnit     The fallback unit, used in case it's not possible to parse a valid unit from the raw value.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly, and the `fallbackQuantity` was also `undefined`. The\n * unit can be `undefined` only if the unit parsed from the raw value could not be matched against\n * the list of allowed units, the `fallbackQuantity` is also `undefined` and the list of\n * `allowedUnits` is passed empty.\n */\nexport function getValidParsedQuantityAndUnit(\n\trawValue: string | number,\n\tallowedUnits: WPUnitControlUnit[],\n\tfallbackQuantity?: number,\n\tfallbackUnit?: string\n): [ number | undefined, string | undefined ] {\n\tconst [ parsedQuantity, parsedUnit ] = parseQuantityAndUnitFromRawValue(\n\t\trawValue,\n\t\tallowedUnits\n\t);\n\n\t// The parsed value from `parseQuantityAndUnitFromRawValue` should now be\n\t// either a real number or undefined. If undefined, use the fallback value.\n\tconst quantityToReturn = parsedQuantity ?? fallbackQuantity;\n\n\t// If no unit is parsed from the raw value, or if the fallback unit is not\n\t// defined, use the first value from the list of allowed units as fallback.\n\tlet unitToReturn = parsedUnit || fallbackUnit;\n\n\tif ( ! unitToReturn && hasUnits( allowedUnits ) ) {\n\t\tunitToReturn = allowedUnits[ 0 ].value;\n\t}\n\n\treturn [ quantityToReturn, unitToReturn ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param  unit Unit value (example: `px`)\n * @return a11y label for the unit abbreviation\n */\nexport function getAccessibleLabelForUnit( unit: string ): string | undefined {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined a list of allowed unit values.\n *\n * @param  allowedUnitValues Collection of allowed unit value strings.\n * @param  availableUnits    Collection of available unit objects.\n * @return Filtered units.\n */\nexport function filterUnitsWithSettings(\n\tallowedUnitValues: string[] = [],\n\tavailableUnits: WPUnitControlUnit[]\n): WPUnitControlUnit[] {\n\t// Although the `isArray` check shouldn't be necessary (given the signature of\n\t// this typed function), it's better to stay on the side of caution, since\n\t// this function may be called from un-typed environments.\n\treturn Array.isArray( availableUnits )\n\t\t? availableUnits.filter( ( unit ) =>\n\t\t\t\tallowedUnitValues.includes( unit.value )\n\t\t  )\n\t\t: [];\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param  args                An object containing units, settingPath & defaultUnits.\n * @param  args.units          Collection of all potentially available units.\n * @param  args.availableUnits Collection of unit value strings for filtering available units.\n * @param  args.defaultValues  Collection of default values for defined units. Example: `{ px: 350, em: 15 }`.\n *\n * @return Filtered list of units, with their default values updated following the `defaultValues`\n * argument's property.\n */\nexport const useCustomUnits = ( {\n\tunits = ALL_CSS_UNITS,\n\tavailableUnits = [],\n\tdefaultValues,\n}: {\n\tunits?: WPUnitControlUnit[];\n\tavailableUnits?: string[];\n\tdefaultValues: Record< string, number >;\n} ): WPUnitControlUnit[] => {\n\tconst customUnitsToReturn = filterUnitsWithSettings(\n\t\tavailableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tcustomUnitsToReturn.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tconst [ parsedDefaultValue ] = parseQuantityAndUnitFromRawValue(\n\t\t\t\t\tdefaultValues[ unit.value ]\n\t\t\t\t);\n\n\t\t\t\tcustomUnitsToReturn[ i ].default = parsedDefaultValue;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn customUnitsToReturn;\n};\n\n/**\n * Get available units with the unit for the currently selected value\n * prepended if it is not available in the list of units.\n *\n * This is useful to ensure that the current value's unit is always\n * accurately displayed in the UI, even if the intention is to hide\n * the availability of that unit.\n *\n * @param  rawValue   Selected value to parse.\n * @param  legacyUnit Legacy unit value, if rawValue needs it appended.\n * @param  units      List of available units.\n *\n * @return A collection of units containing the unit for the current value.\n */\nexport function getUnitsWithCurrentUnit(\n\trawValue?: string | number,\n\tlegacyUnit?: string,\n\tunits: WPUnitControlUnit[] = ALL_CSS_UNITS\n): WPUnitControlUnit[] {\n\tconst unitsToReturn = Array.isArray( units ) ? [ ...units ] : [];\n\tconst [ , currentUnit ] = getParsedQuantityAndUnit(\n\t\trawValue,\n\t\tlegacyUnit,\n\t\tALL_CSS_UNITS\n\t);\n\n\tif (\n\t\tcurrentUnit &&\n\t\t! unitsToReturn.some( ( unit ) => unit.value === currentUnit )\n\t) {\n\t\tif ( allUnits[ currentUnit ] ) {\n\t\t\tunitsToReturn.unshift( allUnits[ currentUnit ] );\n\t\t}\n\t}\n\n\treturn unitsToReturn;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/utils.ts"],"names":["__","_x","Platform","isWeb","OS","allUnits","px","value","label","a11yLabel","step","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedQuantityAndUnit","rawValue","fallbackUnit","allowedUnits","initialValue","parseQuantityAndUnitFromRawValue","hasUnits","units","Array","isArray","length","trimmedValue","quantityToReturn","trim","parsedQuantity","parseFloat","isFinite","undefined","unitMatch","match","matchedUnit","toLowerCase","unitToReturn","find","item","getValidParsedQuantityAndUnit","fallbackQuantity","parsedUnit","getAccessibleLabelForUnit","unit","filterUnitsWithSettings","allowedUnitValues","availableUnits","filter","includes","useCustomUnits","defaultValues","customUnitsToReturn","forEach","i","parsedDefaultValue","default","getUnitsWithCurrentUnit","legacyUnit","unitsToReturn","currentUnit","some","unshift"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WPUnitControlUnit } from './types';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits: Record< string, WPUnitControlUnit > = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\t'%': {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits[ '%' ],\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param  rawValue     The raw value as a string (may or may not contain the unit)\n * @param  fallbackUnit The unit used as a fallback, if not unit is detected in the `value`\n * @param  allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parse\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function getParsedQuantityAndUnit(\n\trawValue?: string | number,\n\tfallbackUnit?: string,\n\tallowedUnits?: WPUnitControlUnit[]\n): [ number | undefined, string | undefined ] {\n\tconst initialValue = fallbackUnit\n\t\t? `${ rawValue ?? '' }${ fallbackUnit }`\n\t\t: rawValue;\n\n\treturn parseQuantityAndUnitFromRawValue( initialValue, allowedUnits );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param  units List of units.\n * @return Whether the list actually contains any units.\n */\nexport function hasUnits(\n\tunits?: WPUnitControlUnit[]\n): units is WPUnitControlUnit[] {\n\t// Although the `isArray` check shouldn't be necessary (given the signature of\n\t// this typed function), it's better to stay on the side of caution, since\n\t// this function may be called from un-typed environments.\n\treturn Array.isArray( units ) && !! units.length;\n}\n\n/**\n * Parses a quantity and unit from a raw string value, given a list of allowed\n * units and otherwise falling back to the default unit.\n *\n * @param  rawValue     The raw value as a string (may or may not contain the unit)\n * @param  allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parsed\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function parseQuantityAndUnitFromRawValue(\n\trawValue?: string | number,\n\tallowedUnits: WPUnitControlUnit[] = ALL_CSS_UNITS\n): [ number | undefined, string | undefined ] {\n\tlet trimmedValue;\n\tlet quantityToReturn;\n\n\tif ( typeof rawValue !== 'undefined' || rawValue === null ) {\n\t\ttrimmedValue = `${ rawValue }`.trim();\n\t\tconst parsedQuantity = parseFloat( trimmedValue );\n\t\tquantityToReturn = ! isFinite( parsedQuantity )\n\t\t\t? undefined\n\t\t\t: parsedQuantity;\n\t}\n\n\tconst unitMatch = trimmedValue?.match( /[\\d.\\-\\+]*\\s*(.*)/ );\n\tconst matchedUnit = unitMatch?.[ 1 ]?.toLowerCase();\n\tlet unitToReturn: string | undefined;\n\tif ( hasUnits( allowedUnits ) ) {\n\t\tconst match = allowedUnits.find(\n\t\t\t( item ) => item.value === matchedUnit\n\t\t);\n\t\tunitToReturn = match?.value;\n\t} else {\n\t\tunitToReturn = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ quantityToReturn, unitToReturn ];\n}\n\n/**\n * Parses quantity and unit from a raw value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param  rawValue         The next value.\n * @param  allowedUnits     Units to derive from.\n * @param  fallbackQuantity The fallback quantity, used in case it's not possible to parse a valid quantity from the raw value.\n * @param  fallbackUnit     The fallback unit, used in case it's not possible to parse a valid unit from the raw value.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly, and the `fallbackQuantity` was also `undefined`. The\n * unit can be `undefined` only if the unit parsed from the raw value could not be matched against\n * the list of allowed units, the `fallbackQuantity` is also `undefined` and the list of\n * `allowedUnits` is passed empty.\n */\nexport function getValidParsedQuantityAndUnit(\n\trawValue: string | number,\n\tallowedUnits?: WPUnitControlUnit[],\n\tfallbackQuantity?: number,\n\tfallbackUnit?: string\n): [ number | undefined, string | undefined ] {\n\tconst [ parsedQuantity, parsedUnit ] = parseQuantityAndUnitFromRawValue(\n\t\trawValue,\n\t\tallowedUnits\n\t);\n\n\t// The parsed value from `parseQuantityAndUnitFromRawValue` should now be\n\t// either a real number or undefined. If undefined, use the fallback value.\n\tconst quantityToReturn = parsedQuantity ?? fallbackQuantity;\n\n\t// If no unit is parsed from the raw value, or if the fallback unit is not\n\t// defined, use the first value from the list of allowed units as fallback.\n\tlet unitToReturn = parsedUnit || fallbackUnit;\n\n\tif ( ! unitToReturn && hasUnits( allowedUnits ) ) {\n\t\tunitToReturn = allowedUnits[ 0 ].value;\n\t}\n\n\treturn [ quantityToReturn, unitToReturn ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param  unit Unit value (example: `px`)\n * @return a11y label for the unit abbreviation\n */\nexport function getAccessibleLabelForUnit( unit: string ): string | undefined {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined a list of allowed unit values.\n *\n * @param  allowedUnitValues Collection of allowed unit value strings.\n * @param  availableUnits    Collection of available unit objects.\n * @return Filtered units.\n */\nexport function filterUnitsWithSettings(\n\tallowedUnitValues: string[] = [],\n\tavailableUnits: WPUnitControlUnit[]\n): WPUnitControlUnit[] {\n\t// Although the `isArray` check shouldn't be necessary (given the signature of\n\t// this typed function), it's better to stay on the side of caution, since\n\t// this function may be called from un-typed environments.\n\treturn Array.isArray( availableUnits )\n\t\t? availableUnits.filter( ( unit ) =>\n\t\t\t\tallowedUnitValues.includes( unit.value )\n\t\t  )\n\t\t: [];\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param  args                An object containing units, settingPath & defaultUnits.\n * @param  args.units          Collection of all potentially available units.\n * @param  args.availableUnits Collection of unit value strings for filtering available units.\n * @param  args.defaultValues  Collection of default values for defined units. Example: `{ px: 350, em: 15 }`.\n *\n * @return Filtered list of units, with their default values updated following the `defaultValues`\n * argument's property.\n */\nexport const useCustomUnits = ( {\n\tunits = ALL_CSS_UNITS,\n\tavailableUnits = [],\n\tdefaultValues,\n}: {\n\tunits?: WPUnitControlUnit[];\n\tavailableUnits?: string[];\n\tdefaultValues?: Record< string, number >;\n} ): WPUnitControlUnit[] => {\n\tconst customUnitsToReturn = filterUnitsWithSettings(\n\t\tavailableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tcustomUnitsToReturn.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tconst [ parsedDefaultValue ] = parseQuantityAndUnitFromRawValue(\n\t\t\t\t\tdefaultValues[ unit.value ]\n\t\t\t\t);\n\n\t\t\t\tcustomUnitsToReturn[ i ].default = parsedDefaultValue;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn customUnitsToReturn;\n};\n\n/**\n * Get available units with the unit for the currently selected value\n * prepended if it is not available in the list of units.\n *\n * This is useful to ensure that the current value's unit is always\n * accurately displayed in the UI, even if the intention is to hide\n * the availability of that unit.\n *\n * @param  rawValue   Selected value to parse.\n * @param  legacyUnit Legacy unit value, if rawValue needs it appended.\n * @param  units      List of available units.\n *\n * @return A collection of units containing the unit for the current value.\n */\nexport function getUnitsWithCurrentUnit(\n\trawValue?: string | number,\n\tlegacyUnit?: string,\n\tunits: WPUnitControlUnit[] = ALL_CSS_UNITS\n): WPUnitControlUnit[] {\n\tconst unitsToReturn = Array.isArray( units ) ? [ ...units ] : [];\n\tconst [ , currentUnit ] = getParsedQuantityAndUnit(\n\t\trawValue,\n\t\tlegacyUnit,\n\t\tALL_CSS_UNITS\n\t);\n\n\tif (\n\t\tcurrentUnit &&\n\t\t! unitsToReturn.some( ( unit ) => unit.value === currentUnit )\n\t) {\n\t\tif ( allUnits[ currentUnit ] ) {\n\t\t\tunitsToReturn.unshift( allUnits[ currentUnit ] );\n\t\t}\n\t}\n\n\treturn unitsToReturn;\n}\n"]}

package/build-module/utils/colors-values.js

@@ -7,18 +7,11 @@ import { merge } from 'lodash';
  */
 
 import { rgba } from './colors';
-export const BASE = {
+const BASE = {
   black: '#000',
   white: '#fff'
 };
-/**
- * TODO: Continue to update values as "G2" design evolves.
- *
- * "G2" refers to the movement to advance the interface of the block editor.
- * https://github.com/WordPress/gutenberg/issues/18667
- */
-
-export const G2 = {
+const G2 = {
   blue: {
     medium: {
       focus: '#007cba',
@@ -39,10 +32,6 @@ export const G2 = {
     100: '#f0f0f0' // Used for light gray backgrounds.
 
   },
-  darkGray: {
-    primary: '#1e1e1e',
-    heading: '#050505'
-  },
   mediumGray: {
     text: '#757575'
   },
@@ -52,7 +41,7 @@ export const G2 = {
     tertiary: '#e7e8e9'
   }
 };
-export const DARK_GRAY = {
+const DARK_GRAY = {
   900: '#191e23',
   800: '#23282d',
   700: '#32373c',
@@ -68,7 +57,7 @@ export const DARK_GRAY = {
   100: '#8f98a1',
   placeholder: rgba(G2.gray[900], 0.62)
 };
-export const DARK_OPACITY = {
+const DARK_OPACITY = {
   900: rgba('#000510', 0.9),
   800: rgba('#00000a', 0.85),
   700: rgba('#06060b', 0.8),
@@ -80,7 +69,7 @@ export const DARK_OPACITY = {
   100: rgba('#223443', 0.5),
   backgroundFill: rgba(DARK_GRAY[700], 0.7)
 };
-export const DARK_OPACITY_LIGHT = {
+const DARK_OPACITY_LIGHT = {
   900: rgba('#304455', 0.45),
   800: rgba('#425863', 0.4),
   700: rgba('#667886', 0.35),
@@ -91,7 +80,7 @@ export const DARK_OPACITY_LIGHT = {
   200: rgba('#8b8b96', 0.1),
   100: rgba('#747474', 0.05)
 };
-export const LIGHT_GRAY = {
+const LIGHT_GRAY = {
   900: '#a2aab2',
   800: '#b5bcc2',
   700: '#ccd0d4',
@@ -105,7 +94,7 @@ export const LIGHT_GRAY = {
   100: '#f8f9f9',
   placeholder: rgba(BASE.white, 0.65)
 };
-export const LIGHT_OPACITY_LIGHT = {
+const LIGHT_OPACITY_LIGHT = {
   900: rgba(BASE.white, 0.5),
   800: rgba(BASE.white, 0.45),
   700: rgba(BASE.white, 0.4),
@@ -119,7 +108,7 @@ export const LIGHT_OPACITY_LIGHT = {
 }; // Additional colors.
 // Some are from https://make.wordpress.org/design/handbook/foundations/colors/.
 
-export const BLUE = {
+const BLUE = {
   wordpress: {
     700: '#00669b'
   },
@@ -140,17 +129,17 @@ export const BLUE = {
     focus: '#007cba'
   }
 };
-export const ALERT = {
+const ALERT = {
   yellow: '#f0b849',
   red: '#d94f4f',
   green: '#4ab866'
 };
-export const ADMIN = {
+const ADMIN = {
   theme: `var( --wp-admin-theme-color, ${BLUE.wordpress[700]})`,
   themeDark10: `var( --wp-admin-theme-color-darker-10, ${BLUE.medium.focus})`
 }; // Namespaced values for raw colors hex codes.
 
-export const UI = {
+const UI = {
   theme: ADMIN.theme,
   background: BASE.white,
   backgroundDisabled: LIGHT_GRAY[200],
@@ -167,10 +156,17 @@ export const UI = {
 // to extract the correct type defs here.
 
 export const COLORS = Object.assign({}, BASE, {
-  darkGray: merge({}, DARK_GRAY, G2.darkGray),
+  darkGray: DARK_GRAY,
   darkOpacity: DARK_OPACITY,
   darkOpacityLight: DARK_OPACITY_LIGHT,
   mediumGray: G2.mediumGray,
+
+  /**
+   * The main gray color object (since Apr 16, 2022).
+   *
+   * We are in the process of simplifying the colors in this file,
+   * please prefer this `gray` object in the meantime.
+   */
   gray: G2.gray,
   lightGray: merge({}, LIGHT_GRAY, G2.lightGray),
   lightGrayLight: LIGHT_OPACITY_LIGHT,

package/build-module/utils/colors-values.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/colors-values.js"],"names":["merge","rgba","BASE","black","white","G2","blue","medium","focus","focusDark","gray","darkGray","primary","heading","mediumGray","text","lightGray","ui","secondary","tertiary","DARK_GRAY","placeholder","DARK_OPACITY","backgroundFill","DARK_OPACITY_LIGHT","LIGHT_GRAY","LIGHT_OPACITY_LIGHT","BLUE","wordpress","dark","highlight","ALERT","yellow","red","green","ADMIN","theme","themeDark10","UI","background","backgroundDisabled","border","borderHover","borderFocus","borderDisabled","borderLight","label","textDisabled","textDark","textLight","COLORS","Object","assign","darkOpacity","darkOpacityLight","lightGrayLight","alert","admin"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { merge } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport { rgba } from './colors';\n\nexport const BASE = {\n\tblack: '#000',\n\twhite: '#fff',\n};\n\n/**\n * TODO: Continue to update values as \"G2\" design evolves.\n *\n * \"G2\" refers to the movement to advance the interface of the block editor.\n * https://github.com/WordPress/gutenberg/issues/18667\n */\nexport const G2 = {\n\tblue: {\n\t\tmedium: {\n\t\t\tfocus: '#007cba',\n\t\t\tfocusDark: '#fff',\n\t\t},\n\t},\n\tgray: {\n\t\t900: '#1e1e1e',\n\t\t700: '#757575', // Meets 4.6:1 text contrast against white.\n\t\t600: '#949494', // Meets 3:1 UI or large text contrast against white.\n\t\t400: '#ccc',\n\t\t300: '#ddd', // Used for most borders.\n\t\t200: '#e0e0e0', // Used sparingly for light borders.\n\t\t100: '#f0f0f0', // Used for light gray backgrounds.\n\t},\n\tdarkGray: {\n\t\tprimary: '#1e1e1e',\n\t\theading: '#050505',\n\t},\n\tmediumGray: {\n\t\ttext: '#757575',\n\t},\n\tlightGray: {\n\t\tui: '#949494',\n\t\tsecondary: '#ccc',\n\t\ttertiary: '#e7e8e9',\n\t},\n};\n\nexport const DARK_GRAY = {\n\t900: '#191e23',\n\t800: '#23282d',\n\t700: '#32373c',\n\t600: '#40464d',\n\t500: '#555d66', // Use this most of the time for dark items.\n\t400: '#606a73',\n\t300: '#6c7781', // Lightest gray that can be used for AA text contrast.\n\t200: '#7e8993',\n\t150: '#8d96a0', // Lightest gray that can be used for AA non-text contrast.\n\t100: '#8f98a1',\n\tplaceholder: rgba( G2.gray[ 900 ], 0.62 ),\n};\n\nexport const DARK_OPACITY = {\n\t900: rgba( '#000510', 0.9 ),\n\t800: rgba( '#00000a', 0.85 ),\n\t700: rgba( '#06060b', 0.8 ),\n\t600: rgba( '#000913', 0.75 ),\n\t500: rgba( '#0a1829', 0.7 ),\n\t400: rgba( '#0a1829', 0.65 ),\n\t300: rgba( '#0e1c2e', 0.62 ),\n\t200: rgba( '#162435', 0.55 ),\n\t100: rgba( '#223443', 0.5 ),\n\tbackgroundFill: rgba( DARK_GRAY[ 700 ], 0.7 ),\n};\n\nexport const DARK_OPACITY_LIGHT = {\n\t900: rgba( '#304455', 0.45 ),\n\t800: rgba( '#425863', 0.4 ),\n\t700: rgba( '#667886', 0.35 ),\n\t600: rgba( '#7b86a2', 0.3 ),\n\t500: rgba( '#9197a2', 0.25 ),\n\t400: rgba( '#95959c', 0.2 ),\n\t300: rgba( '#829493', 0.15 ),\n\t200: rgba( '#8b8b96', 0.1 ),\n\t100: rgba( '#747474', 0.05 ),\n};\n\nexport const LIGHT_GRAY = {\n\t900: '#a2aab2',\n\t800: '#b5bcc2',\n\t700: '#ccd0d4',\n\t600: '#d7dade',\n\t500: '#e2e4e7', // Good for \"grayed\" items and borders.\n\t400: '#e8eaeb', // Good for \"readonly\" input fields and special text selection.\n\t300: '#edeff0',\n\t200: '#f3f4f5',\n\t100: '#f8f9f9',\n\tplaceholder: rgba( BASE.white, 0.65 ),\n};\n\nexport const LIGHT_OPACITY_LIGHT = {\n\t900: rgba( BASE.white, 0.5 ),\n\t800: rgba( BASE.white, 0.45 ),\n\t700: rgba( BASE.white, 0.4 ),\n\t600: rgba( BASE.white, 0.35 ),\n\t500: rgba( BASE.white, 0.3 ),\n\t400: rgba( BASE.white, 0.25 ),\n\t300: rgba( BASE.white, 0.2 ),\n\t200: rgba( BASE.white, 0.15 ),\n\t100: rgba( BASE.white, 0.1 ),\n\tbackgroundFill: rgba( LIGHT_GRAY[ 300 ], 0.8 ),\n};\n\n// Additional colors.\n// Some are from https://make.wordpress.org/design/handbook/foundations/colors/.\n\nexport const BLUE = {\n\twordpress: {\n\t\t700: '#00669b',\n\t},\n\tdark: {\n\t\t900: '#0071a1',\n\t},\n\tmedium: {\n\t\t900: '#006589',\n\t\t800: '#00739c',\n\t\t700: '#007fac',\n\t\t600: '#008dbe',\n\t\t500: '#00a0d2',\n\t\t400: '#33b3db',\n\t\t300: '#66c6e4',\n\t\t200: '#bfe7f3',\n\t\t100: '#e5f5fa',\n\t\thighlight: '#b3e7fe',\n\t\tfocus: '#007cba',\n\t},\n};\n\nexport const ALERT = {\n\tyellow: '#f0b849',\n\tred: '#d94f4f',\n\tgreen: '#4ab866',\n};\n\nexport const ADMIN = {\n\ttheme: `var( --wp-admin-theme-color, ${ BLUE.wordpress[ 700 ] })`,\n\tthemeDark10: `var( --wp-admin-theme-color-darker-10, ${ BLUE.medium.focus })`,\n};\n\n// Namespaced values for raw colors hex codes.\nexport const UI = {\n\ttheme: ADMIN.theme,\n\tbackground: BASE.white,\n\tbackgroundDisabled: LIGHT_GRAY[ 200 ],\n\tborder: G2.gray[ 700 ],\n\tborderHover: G2.gray[ 700 ],\n\tborderFocus: ADMIN.themeDark10,\n\tborderDisabled: G2.gray[ 400 ],\n\tborderLight: G2.gray[ 300 ],\n\tlabel: DARK_GRAY[ 500 ],\n\ttextDisabled: DARK_GRAY[ 150 ],\n\ttextDark: BASE.white,\n\ttextLight: BASE.black,\n};\n\n// Using Object.assign instead of { ...spread } syntax helps TypeScript\n// to extract the correct type defs here.\nexport const COLORS = Object.assign( {}, BASE, {\n\tdarkGray: merge( {}, DARK_GRAY, G2.darkGray ),\n\tdarkOpacity: DARK_OPACITY,\n\tdarkOpacityLight: DARK_OPACITY_LIGHT,\n\tmediumGray: G2.mediumGray,\n\tgray: G2.gray,\n\tlightGray: merge( {}, LIGHT_GRAY, G2.lightGray ),\n\tlightGrayLight: LIGHT_OPACITY_LIGHT,\n\tblue: merge( {}, BLUE, G2.blue ),\n\talert: ALERT,\n\tadmin: ADMIN,\n\tui: UI,\n} );\n\nexport default COLORS;\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/colors-values.js"],"names":["merge","rgba","BASE","black","white","G2","blue","medium","focus","focusDark","gray","mediumGray","text","lightGray","ui","secondary","tertiary","DARK_GRAY","placeholder","DARK_OPACITY","backgroundFill","DARK_OPACITY_LIGHT","LIGHT_GRAY","LIGHT_OPACITY_LIGHT","BLUE","wordpress","dark","highlight","ALERT","yellow","red","green","ADMIN","theme","themeDark10","UI","background","backgroundDisabled","border","borderHover","borderFocus","borderDisabled","borderLight","label","textDisabled","textDark","textLight","COLORS","Object","assign","darkGray","darkOpacity","darkOpacityLight","lightGrayLight","alert","admin"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { merge } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport { rgba } from './colors';\n\nconst BASE = {\n\tblack: '#000',\n\twhite: '#fff',\n};\n\nconst G2 = {\n\tblue: {\n\t\tmedium: {\n\t\t\tfocus: '#007cba',\n\t\t\tfocusDark: '#fff',\n\t\t},\n\t},\n\tgray: {\n\t\t900: '#1e1e1e',\n\t\t700: '#757575', // Meets 4.6:1 text contrast against white.\n\t\t600: '#949494', // Meets 3:1 UI or large text contrast against white.\n\t\t400: '#ccc',\n\t\t300: '#ddd', // Used for most borders.\n\t\t200: '#e0e0e0', // Used sparingly for light borders.\n\t\t100: '#f0f0f0', // Used for light gray backgrounds.\n\t},\n\tmediumGray: {\n\t\ttext: '#757575',\n\t},\n\tlightGray: {\n\t\tui: '#949494',\n\t\tsecondary: '#ccc',\n\t\ttertiary: '#e7e8e9',\n\t},\n};\n\nconst DARK_GRAY = {\n\t900: '#191e23',\n\t800: '#23282d',\n\t700: '#32373c',\n\t600: '#40464d',\n\t500: '#555d66', // Use this most of the time for dark items.\n\t400: '#606a73',\n\t300: '#6c7781', // Lightest gray that can be used for AA text contrast.\n\t200: '#7e8993',\n\t150: '#8d96a0', // Lightest gray that can be used for AA non-text contrast.\n\t100: '#8f98a1',\n\tplaceholder: rgba( G2.gray[ 900 ], 0.62 ),\n};\n\nconst DARK_OPACITY = {\n\t900: rgba( '#000510', 0.9 ),\n\t800: rgba( '#00000a', 0.85 ),\n\t700: rgba( '#06060b', 0.8 ),\n\t600: rgba( '#000913', 0.75 ),\n\t500: rgba( '#0a1829', 0.7 ),\n\t400: rgba( '#0a1829', 0.65 ),\n\t300: rgba( '#0e1c2e', 0.62 ),\n\t200: rgba( '#162435', 0.55 ),\n\t100: rgba( '#223443', 0.5 ),\n\tbackgroundFill: rgba( DARK_GRAY[ 700 ], 0.7 ),\n};\n\nconst DARK_OPACITY_LIGHT = {\n\t900: rgba( '#304455', 0.45 ),\n\t800: rgba( '#425863', 0.4 ),\n\t700: rgba( '#667886', 0.35 ),\n\t600: rgba( '#7b86a2', 0.3 ),\n\t500: rgba( '#9197a2', 0.25 ),\n\t400: rgba( '#95959c', 0.2 ),\n\t300: rgba( '#829493', 0.15 ),\n\t200: rgba( '#8b8b96', 0.1 ),\n\t100: rgba( '#747474', 0.05 ),\n};\n\nconst LIGHT_GRAY = {\n\t900: '#a2aab2',\n\t800: '#b5bcc2',\n\t700: '#ccd0d4',\n\t600: '#d7dade',\n\t500: '#e2e4e7', // Good for \"grayed\" items and borders.\n\t400: '#e8eaeb', // Good for \"readonly\" input fields and special text selection.\n\t300: '#edeff0',\n\t200: '#f3f4f5',\n\t100: '#f8f9f9',\n\tplaceholder: rgba( BASE.white, 0.65 ),\n};\n\nconst LIGHT_OPACITY_LIGHT = {\n\t900: rgba( BASE.white, 0.5 ),\n\t800: rgba( BASE.white, 0.45 ),\n\t700: rgba( BASE.white, 0.4 ),\n\t600: rgba( BASE.white, 0.35 ),\n\t500: rgba( BASE.white, 0.3 ),\n\t400: rgba( BASE.white, 0.25 ),\n\t300: rgba( BASE.white, 0.2 ),\n\t200: rgba( BASE.white, 0.15 ),\n\t100: rgba( BASE.white, 0.1 ),\n\tbackgroundFill: rgba( LIGHT_GRAY[ 300 ], 0.8 ),\n};\n\n// Additional colors.\n// Some are from https://make.wordpress.org/design/handbook/foundations/colors/.\n\nconst BLUE = {\n\twordpress: {\n\t\t700: '#00669b',\n\t},\n\tdark: {\n\t\t900: '#0071a1',\n\t},\n\tmedium: {\n\t\t900: '#006589',\n\t\t800: '#00739c',\n\t\t700: '#007fac',\n\t\t600: '#008dbe',\n\t\t500: '#00a0d2',\n\t\t400: '#33b3db',\n\t\t300: '#66c6e4',\n\t\t200: '#bfe7f3',\n\t\t100: '#e5f5fa',\n\t\thighlight: '#b3e7fe',\n\t\tfocus: '#007cba',\n\t},\n};\n\nconst ALERT = {\n\tyellow: '#f0b849',\n\tred: '#d94f4f',\n\tgreen: '#4ab866',\n};\n\nconst ADMIN = {\n\ttheme: `var( --wp-admin-theme-color, ${ BLUE.wordpress[ 700 ] })`,\n\tthemeDark10: `var( --wp-admin-theme-color-darker-10, ${ BLUE.medium.focus })`,\n};\n\n// Namespaced values for raw colors hex codes.\nconst UI = {\n\ttheme: ADMIN.theme,\n\tbackground: BASE.white,\n\tbackgroundDisabled: LIGHT_GRAY[ 200 ],\n\tborder: G2.gray[ 700 ],\n\tborderHover: G2.gray[ 700 ],\n\tborderFocus: ADMIN.themeDark10,\n\tborderDisabled: G2.gray[ 400 ],\n\tborderLight: G2.gray[ 300 ],\n\tlabel: DARK_GRAY[ 500 ],\n\ttextDisabled: DARK_GRAY[ 150 ],\n\ttextDark: BASE.white,\n\ttextLight: BASE.black,\n};\n\n// Using Object.assign instead of { ...spread } syntax helps TypeScript\n// to extract the correct type defs here.\nexport const COLORS = Object.assign( {}, BASE, {\n\tdarkGray: DARK_GRAY,\n\tdarkOpacity: DARK_OPACITY,\n\tdarkOpacityLight: DARK_OPACITY_LIGHT,\n\tmediumGray: G2.mediumGray,\n\t/**\n\t * The main gray color object (since Apr 16, 2022).\n\t *\n\t * We are in the process of simplifying the colors in this file,\n\t * please prefer this `gray` object in the meantime.\n\t */\n\tgray: G2.gray,\n\tlightGray: merge( {}, LIGHT_GRAY, G2.lightGray ),\n\tlightGrayLight: LIGHT_OPACITY_LIGHT,\n\tblue: merge( {}, BLUE, G2.blue ),\n\talert: ALERT,\n\tadmin: ADMIN,\n\tui: UI,\n} );\n\nexport default COLORS;\n"]}

package/build-style/style-rtl.css

@@ -3122,6 +3122,13 @@ body.is-dragging-components-draggable {
 .components-menu-item__button.components-button.is-primary .components-menu-item__item {
   margin-left: 0;
 }
+.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary,
+.components-menu-item__button.components-button:disabled.is-tertiary,
+.components-menu-item__button.components-button[aria-disabled=true].is-tertiary {
+  background: none;
+  color: var(--wp-admin-theme-color-darker-10);
+  opacity: 0.3;
+}
 
 .components-menu-item__info-wrapper {
   display: flex;
@@ -4721,12 +4728,29 @@ body.lockscroll {
   display: inline-flex;
   flex-shrink: 0;
   flex-wrap: wrap;
+  padding-right: 6px;
+  padding-left: 6px;
   line-height: 0;
 }
 .components-toolbar-group .components-toolbar-group.components-toolbar-group {
   border-width: 0;
   margin: 0;
 }
+.components-toolbar-group .components-button.components-button,
+.components-toolbar-group .components-button.has-icon.has-icon {
+  min-width: 36px;
+  padding-right: 6px;
+  padding-left: 6px;
+}
+.components-toolbar-group .components-button.components-button svg,
+.components-toolbar-group .components-button.has-icon.has-icon svg {
+  min-width: 24px;
+}
+.components-toolbar-group .components-button.components-button::before,
+.components-toolbar-group .components-button.has-icon.has-icon::before {
+  right: 2px;
+  left: 2px;
+}
 
 .components-toolbar {
   min-height: 48px;

package/build-style/style.css

@@ -3130,6 +3130,13 @@ body.is-dragging-components-draggable {
 .components-menu-item__button.components-button.is-primary .components-menu-item__item {
   margin-right: 0;
 }
+.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary,
+.components-menu-item__button.components-button:disabled.is-tertiary,
+.components-menu-item__button.components-button[aria-disabled=true].is-tertiary {
+  background: none;
+  color: var(--wp-admin-theme-color-darker-10);
+  opacity: 0.3;
+}
 
 .components-menu-item__info-wrapper {
   display: flex;
@@ -4738,12 +4745,29 @@ body.lockscroll {
   display: inline-flex;
   flex-shrink: 0;
   flex-wrap: wrap;
+  padding-left: 6px;
+  padding-right: 6px;
   line-height: 0;
 }
 .components-toolbar-group .components-toolbar-group.components-toolbar-group {
   border-width: 0;
   margin: 0;
 }
+.components-toolbar-group .components-button.components-button,
+.components-toolbar-group .components-button.has-icon.has-icon {
+  min-width: 36px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.components-toolbar-group .components-button.components-button svg,
+.components-toolbar-group .components-button.has-icon.has-icon svg {
+  min-width: 24px;
+}
+.components-toolbar-group .components-button.components-button::before,
+.components-toolbar-group .components-button.has-icon.has-icon::before {
+  left: 2px;
+  right: 2px;
+}
 
 .components-toolbar {
   min-height: 48px;

package/build-types/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.js"],"names":[],"mappings":"AAkEA,0DAuIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.js"],"names":[],"mappings":"AAiEA,0DAsIC"}

package/build-types/circular-option-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/index.js"],"names":[],"mappings":"AAkGA;;;;;gBAwBC;;;;;;;AAxGD;;;;;;gBAkCC;AA8BD;;;;gBAcC;AA1CD;;;;;gBA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/index.js"],"names":[],"mappings":"AAiGA;;;;;gBAwBC;;;;;;;AAvGD;;;;;;gBAkCC;AA8BD;;;;gBAaC;AAzCD;;;;;gBA0BC"}