@wordpress/components 22.1.0 → 23.0.0

package/build/base-field/styles.js

@@ -18,16 +18,16 @@ var _browsers = require("../utils/browsers");
 /**
  * Internal dependencies
  */
-const BaseField = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.controlBackgroundColor, ";border-radius:", _utils.CONFIG.controlBorderRadius, ";border:1px solid;border-color:", _utils.CONFIG.controlBorderColor, ";box-shadow:", _utils.CONFIG.controlBoxShadow, ";display:flex;flex:1;font-size:", _utils.CONFIG.fontSize, ";outline:none;padding:0 8px;position:relative;transition:border-color ", _utils.CONFIG.transitionDurationFastest, " ease;", (0, _utils.reduceMotion)('transition'), " width:100%;&[disabled]{opacity:0.6;}&:hover{border-color:", _utils.CONFIG.controlBorderColorHover, ";}&:focus,&[data-focused='true']{border-color:", _utils.COLORS.ui.theme, ";box-shadow:", _utils.CONFIG.controlBoxShadowFocus, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:BaseField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzRCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzYWZhcmlPbmx5IH0gZnJvbSAnLi4vdXRpbHMvYnJvd3NlcnMnO1xuXG5leHBvcnQgY29uc3QgQmFzZUZpZWxkID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuY29udHJvbEJhY2tncm91bmRDb2xvciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3JkZXI6IDFweCBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbEJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93IH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXg6IDE7XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDAgOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR3aWR0aDogMTAwJTtcblxuXHQmW2Rpc2FibGVkXSB7XG5cdFx0b3BhY2l0eTogMC42O1xuXHR9XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbEJvcmRlckNvbG9ySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0Ym94LXNoYWRvdzogJHsgQ09ORklHLmNvbnRyb2xCb3hTaGFkb3dGb2N1cyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3VidGxlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSxcblx0Jjpmb2N1cyxcblx0JltkYXRhLWZvY3VzZWQ9J3RydWUnXSB7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXG5cdCY6aG92ZXIsXG5cdCY6YWN0aXZlIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5cblx0Jjpmb2N1cyxcblx0JltkYXRhLWZvY3VzZWQ9J3RydWUnXSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0XHRib3gtc2hhZG93OiAwIDAgMCwgMC41cHgsICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgZXJyb3JGb2N1cyA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5saW5lID0gY3NzYFxuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuXHR3aWR0aDogYXV0bztcblxuXHQkeyBzYWZhcmlPbmx5YFxuXHRcdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcblx0YCB9XG5gO1xuIl19 */");
+const BaseField = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.controlBackgroundColor, ";border-radius:", _utils.CONFIG.controlBorderRadius, ";border:1px solid;border-color:", _utils.COLORS.ui.border, ";box-shadow:", _utils.CONFIG.controlBoxShadow, ";display:flex;flex:1;font-size:", _utils.CONFIG.fontSize, ";outline:none;padding:0 8px;position:relative;transition:border-color ", _utils.CONFIG.transitionDurationFastest, " ease;", (0, _utils.reduceMotion)('transition'), " width:100%;&[disabled]{opacity:0.6;}&:hover{border-color:", _utils.COLORS.ui.borderHover, ";}&:focus,&[data-focused='true']{border-color:", _utils.COLORS.ui.theme, ";box-shadow:", _utils.CONFIG.controlBoxShadowFocus, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:BaseField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzRCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzYWZhcmlPbmx5IH0gZnJvbSAnLi4vdXRpbHMvYnJvd3NlcnMnO1xuXG5leHBvcnQgY29uc3QgQmFzZUZpZWxkID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuY29udHJvbEJhY2tncm91bmRDb2xvciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3JkZXI6IDFweCBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93IH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXg6IDE7XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDAgOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR3aWR0aDogMTAwJTtcblxuXHQmW2Rpc2FibGVkXSB7XG5cdFx0b3BhY2l0eTogMC42O1xuXHR9XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0Ym94LXNoYWRvdzogJHsgQ09ORklHLmNvbnRyb2xCb3hTaGFkb3dGb2N1cyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3VidGxlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSxcblx0Jjpmb2N1cyxcblx0JltkYXRhLWZvY3VzZWQ9J3RydWUnXSB7XG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXG5cdCY6aG92ZXIsXG5cdCY6YWN0aXZlIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5cblx0Jjpmb2N1cyxcblx0JltkYXRhLWZvY3VzZWQ9J3RydWUnXSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0XHRib3gtc2hhZG93OiAwIDAgMCwgMC41cHgsICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgZXJyb3JGb2N1cyA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTkZJRy5jb250cm9sRGVzdHJ1Y3RpdmVCb3JkZXJDb2xvciB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5saW5lID0gY3NzYFxuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuXHR3aWR0aDogYXV0bztcblxuXHQkeyBzYWZhcmlPbmx5YFxuXHRcdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcblx0YCB9XG5gO1xuIl19 */");
 exports.BaseField = BaseField;
-const subtle = /*#__PURE__*/(0, _react.css)("background-color:transparent;&:hover,&:active,&:focus,&[data-focused='true']{background:", _utils.CONFIG.controlBackgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN5QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
+const subtle = /*#__PURE__*/(0, _react.css)("background-color:transparent;&:hover,&:active,&:focus,&[data-focused='true']{background:", _utils.CONFIG.controlBackgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN5QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
 exports.subtle = subtle;
-const error = /*#__PURE__*/(0, _react.css)("border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";&:hover,&:active{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";}&:focus,&[data-focused='true']{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";box-shadow:0 0 0,0.5px,", _utils.CONFIG.controlDestructiveBorderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
+const error = /*#__PURE__*/(0, _react.css)("border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";&:hover,&:active{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";}&:focus,&[data-focused='true']{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";box-shadow:0 0 0,0.5px,", _utils.CONFIG.controlDestructiveBorderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
 exports.error = error;
-const errorFocus = /*#__PURE__*/(0, _react.css)("border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";box-shadow:0 0 0,0.5px,", _utils.CONFIG.controlDestructiveBorderColor, ";&:hover{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:errorFocus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
+const errorFocus = /*#__PURE__*/(0, _react.css)("border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";box-shadow:0 0 0,0.5px,", _utils.CONFIG.controlDestructiveBorderColor, ";&:hover{border-color:", _utils.CONFIG.controlDestructiveBorderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:errorFocus;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0U2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
 exports.errorFocus = errorFocus;
 const inline = /*#__PURE__*/(0, _react.css)("display:inline-flex;vertical-align:baseline;width:auto;", (0, _browsers.safariOnly)`
 			vertical-align: middle;
-	`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkV5QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJDb2xvckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
+	`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYmFzZS1maWVsZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkV5QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Jhc2UtZmllbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUywgcmVkdWNlTW90aW9uIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc2FmYXJpT25seSB9IGZyb20gJy4uL3V0aWxzL2Jyb3dzZXJzJztcblxuZXhwb3J0IGNvbnN0IEJhc2VGaWVsZCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLmNvbnRyb2xCYWNrZ3JvdW5kQ29sb3IgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvdyB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4OiAxO1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRvdXRsaW5lOiBub25lO1xuXHRwYWRkaW5nOiAwIDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHsgQ09ORklHLnRyYW5zaXRpb25EdXJhdGlvbkZhc3Rlc3QgfSBlYXNlO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0d2lkdGg6IDEwMCU7XG5cblx0JltkaXNhYmxlZF0ge1xuXHRcdG9wYWNpdHk6IDAuNjtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLFxuXHQmW2RhdGEtZm9jdXNlZD0ndHJ1ZSddIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IHN1YnRsZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cblx0Jjpob3Zlcixcblx0JjphY3RpdmUsXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5jb250cm9sQmFja2dyb3VuZENvbG9yIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlcnJvciA9IGNzc2Bcblx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblxuXHQmOmhvdmVyLFxuXHQmOmFjdGl2ZSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuXG5cdCY6Zm9jdXMsXG5cdCZbZGF0YS1mb2N1c2VkPSd0cnVlJ10ge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAsIDAuNXB4LCAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGVycm9yRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cdGJveC1zaGFkb3c6IDAgMCAwLCAwLjVweCwgJHsgQ09ORklHLmNvbnRyb2xEZXN0cnVjdGl2ZUJvcmRlckNvbG9yIH07XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT05GSUcuY29udHJvbERlc3RydWN0aXZlQm9yZGVyQ29sb3IgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZSA9IGNzc2Bcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcblx0d2lkdGg6IGF1dG87XG5cblx0JHsgc2FmYXJpT25seWBcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdGAgfVxuYDtcbiJdfQ== */");
 exports.inline = inline;
 //# sourceMappingURL=styles.js.map

package/build/base-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/base-field/styles.js"],"names":["BaseField","css","CONFIG","controlBackgroundColor","controlBorderRadius","controlBorderColor","controlBoxShadow","fontSize","transitionDurationFastest","controlBorderColorHover","COLORS","ui","theme","controlBoxShadowFocus","subtle","error","controlDestructiveBorderColor","errorFocus","inline"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIO,MAAMA,SAAS,oBAAGC,UAAH,iBACNC,cAAOC,sBADD,qBAEHD,cAAOE,mBAFJ,qCAIJF,cAAOG,kBAJH,kBAKNH,cAAOI,gBALD,qCAQPJ,cAAOK,QARA,4EAYOL,cAAOM,yBAZd,YAalB,yBAAc,YAAd,CAbkB,gEAqBHN,cAAOO,uBArBJ,oDA0BHC,cAAOC,EAAP,CAAUC,KA1BP,kBA2BLV,cAAOW,qBA3BF,4+FAAf;;AA+BA,MAAMC,MAAM,oBAAGb,UAAH,8FAOFC,cAAOC,sBAPL,6+FAAZ;;AAWA,MAAMY,KAAK,oBAAGd,UAAH,mBACAC,cAAOc,6BADP,qCAKCd,cAAOc,6BALR,oDAUCd,cAAOc,6BAVR,8BAWad,cAAOc,6BAXpB,4+FAAX;;AAeA,MAAMC,UAAU,oBAAGhB,UAAH,mBACLC,cAAOc,6BADF,8BAEOd,cAAOc,6BAFd,4BAKJd,cAAOc,6BALH,i/FAAhB;;AASA,MAAME,MAAM,oBAAGjB,UAAH,6DAKf,yBAAW;AACf;AACA,EAPmB,4+FAAZ","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../utils';\nimport { safariOnly } from '../utils/browsers';\n\nexport const BaseField = css`\n\tbackground: ${ CONFIG.controlBackgroundColor };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tborder: 1px solid;\n\tborder-color: ${ CONFIG.controlBorderColor };\n\tbox-shadow: ${ CONFIG.controlBoxShadow };\n\tdisplay: flex;\n\tflex: 1;\n\tfont-size: ${ CONFIG.fontSize };\n\toutline: none;\n\tpadding: 0 8px;\n\tposition: relative;\n\ttransition: border-color ${ CONFIG.transitionDurationFastest } ease;\n\t${ reduceMotion( 'transition' ) }\n\twidth: 100%;\n\n\t&[disabled] {\n\t\topacity: 0.6;\n\t}\n\n\t&:hover {\n\t\tborder-color: ${ CONFIG.controlBorderColorHover };\n\t}\n\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tborder-color: ${ COLORS.ui.theme };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t}\n`;\n\nexport const subtle = css`\n\tbackground-color: transparent;\n\n\t&:hover,\n\t&:active,\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tbackground: ${ CONFIG.controlBackgroundColor };\n\t}\n`;\n\nexport const error = css`\n\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\n\t&:hover,\n\t&:active {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t}\n\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t\tbox-shadow: 0 0 0, 0.5px, ${ CONFIG.controlDestructiveBorderColor };\n\t}\n`;\n\nexport const errorFocus = css`\n\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\tbox-shadow: 0 0 0, 0.5px, ${ CONFIG.controlDestructiveBorderColor };\n\n\t&:hover {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t}\n`;\n\nexport const inline = css`\n\tdisplay: inline-flex;\n\tvertical-align: baseline;\n\twidth: auto;\n\n\t${ safariOnly`\n\t\t\tvertical-align: middle;\n\t` }\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/base-field/styles.ts"],"names":["BaseField","css","CONFIG","controlBackgroundColor","controlBorderRadius","COLORS","ui","border","controlBoxShadow","fontSize","transitionDurationFastest","borderHover","theme","controlBoxShadowFocus","subtle","error","controlDestructiveBorderColor","errorFocus","inline"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIO,MAAMA,SAAS,oBAAGC,UAAH,iBACNC,cAAOC,sBADD,qBAEHD,cAAOE,mBAFJ,qCAIJC,cAAOC,EAAP,CAAUC,MAJN,kBAKNL,cAAOM,gBALD,qCAQPN,cAAOO,QARA,4EAYOP,cAAOQ,yBAZd,YAalB,yBAAc,YAAd,CAbkB,gEAqBHL,cAAOC,EAAP,CAAUK,WArBP,oDA0BHN,cAAOC,EAAP,CAAUM,KA1BP,kBA2BLV,cAAOW,qBA3BF,o9FAAf;;AA+BA,MAAMC,MAAM,oBAAGb,UAAH,8FAOFC,cAAOC,sBAPL,q9FAAZ;;AAWA,MAAMY,KAAK,oBAAGd,UAAH,mBACAC,cAAOc,6BADP,qCAKCd,cAAOc,6BALR,oDAUCd,cAAOc,6BAVR,8BAWad,cAAOc,6BAXpB,o9FAAX;;AAeA,MAAMC,UAAU,oBAAGhB,UAAH,mBACLC,cAAOc,6BADF,8BAEOd,cAAOc,6BAFd,4BAKJd,cAAOc,6BALH,y9FAAhB;;AASA,MAAME,MAAM,oBAAGjB,UAAH,6DAKf,yBAAW;AACf;AACA,EAPmB,o9FAAZ","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../utils';\nimport { safariOnly } from '../utils/browsers';\n\nexport const BaseField = css`\n\tbackground: ${ CONFIG.controlBackgroundColor };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tbox-shadow: ${ CONFIG.controlBoxShadow };\n\tdisplay: flex;\n\tflex: 1;\n\tfont-size: ${ CONFIG.fontSize };\n\toutline: none;\n\tpadding: 0 8px;\n\tposition: relative;\n\ttransition: border-color ${ CONFIG.transitionDurationFastest } ease;\n\t${ reduceMotion( 'transition' ) }\n\twidth: 100%;\n\n\t&[disabled] {\n\t\topacity: 0.6;\n\t}\n\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tborder-color: ${ COLORS.ui.theme };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t}\n`;\n\nexport const subtle = css`\n\tbackground-color: transparent;\n\n\t&:hover,\n\t&:active,\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tbackground: ${ CONFIG.controlBackgroundColor };\n\t}\n`;\n\nexport const error = css`\n\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\n\t&:hover,\n\t&:active {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t}\n\n\t&:focus,\n\t&[data-focused='true'] {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t\tbox-shadow: 0 0 0, 0.5px, ${ CONFIG.controlDestructiveBorderColor };\n\t}\n`;\n\nexport const errorFocus = css`\n\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\tbox-shadow: 0 0 0, 0.5px, ${ CONFIG.controlDestructiveBorderColor };\n\n\t&:hover {\n\t\tborder-color: ${ CONFIG.controlDestructiveBorderColor };\n\t}\n`;\n\nexport const inline = css`\n\tdisplay: inline-flex;\n\tvertical-align: baseline;\n\twidth: auto;\n\n\t${ safariOnly`\n\t\t\tvertical-align: middle;\n\t` }\n`;\n"]}

package/build/base-field/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/build/base-field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/build/border-control/border-control/component.js

@@ -118,6 +118,7 @@ const UnconnectedBorderControl = (props, forwardedRef) => {
     __unstableInputWidth: inputWidth,
     size: size
   }), withSlider && (0, _element.createElement)(_rangeControl.default, {
+    __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Border width'),
     hideLabelFromVision: true,
     className: sliderClassName,

package/build/border-control/border-control/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/border-control/border-control/component.tsx"],"names":["BorderLabel","props","label","hideLabelFromVision","UnconnectedBorderControl","forwardedRef","colors","disableCustomColors","disableUnits","enableAlpha","enableStyle","innerWrapperClassName","inputWidth","onBorderChange","onSliderChange","onWidthChange","placeholder","__unstablePopoverProps","previousStyleSelection","showDropdownHeader","size","sliderClassName","value","border","widthUnit","widthValue","withSlider","__experimentalHasMultipleOrigins","__experimentalIsRenderedInSidebar","otherProps","width","includes","undefined","BorderControl"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BorderControlDropdown from '../border-control-dropdown';\nimport UnitControl from '../../unit-control';\nimport RangeControl from '../../range-control';\nimport { HStack } from '../../h-stack';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { useBorderControl } from './hook';\n\nimport type { BorderControlProps, LabelProps } from '../types';\n\nconst BorderLabel = ( props: LabelProps ) => {\n\tconst { label, hideLabelFromVision } = props;\n\n\tif ( ! label ) {\n\t\treturn null;\n\t}\n\n\treturn hideLabelFromVision ? (\n\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t) : (\n\t\t<StyledLabel as=\"legend\">{ label }</StyledLabel>\n\t);\n};\n\nconst UnconnectedBorderControl = (\n\tprops: WordPressComponentProps< BorderControlProps, 'div', false >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst {\n\t\tcolors,\n\t\tdisableCustomColors,\n\t\tdisableUnits,\n\t\tenableAlpha,\n\t\tenableStyle,\n\t\thideLabelFromVision,\n\t\tinnerWrapperClassName,\n\t\tinputWidth,\n\t\tlabel,\n\t\tonBorderChange,\n\t\tonSliderChange,\n\t\tonWidthChange,\n\t\tplaceholder,\n\t\t__unstablePopoverProps,\n\t\tpreviousStyleSelection,\n\t\tshowDropdownHeader,\n\t\tsize,\n\t\tsliderClassName,\n\t\tvalue: border,\n\t\twidthUnit,\n\t\twidthValue,\n\t\twithSlider,\n\t\t__experimentalHasMultipleOrigins,\n\t\t__experimentalIsRenderedInSidebar,\n\t\t...otherProps\n\t} = useBorderControl( props );\n\n\treturn (\n\t\t<View as=\"fieldset\" { ...otherProps } ref={ forwardedRef }>\n\t\t\t<BorderLabel\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t\t<HStack spacing={ 4 } className={ innerWrapperClassName }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tprefix={\n\t\t\t\t\t\t<BorderControlDropdown\n\t\t\t\t\t\t\tborder={ border }\n\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t__unstablePopoverProps={ __unstablePopoverProps }\n\t\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t\tenableStyle={ enableStyle }\n\t\t\t\t\t\t\tonChange={ onBorderChange }\n\t\t\t\t\t\t\tpreviousStyleSelection={ previousStyleSelection }\n\t\t\t\t\t\t\tshowDropdownHeader={ showDropdownHeader }\n\t\t\t\t\t\t\t__experimentalHasMultipleOrigins={\n\t\t\t\t\t\t\t\t__experimentalHasMultipleOrigins\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Border width' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ onWidthChange }\n\t\t\t\t\tvalue={ border?.width || '' }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tdisableUnits={ disableUnits }\n\t\t\t\t\t__unstableInputWidth={ inputWidth }\n\t\t\t\t\tsize={ size }\n\t\t\t\t/>\n\t\t\t\t{ withSlider && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Border width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName={ sliderClassName }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tonChange={ onSliderChange }\n\t\t\t\t\t\tstep={ [ 'px', '%' ].includes( widthUnit ) ? 1 : 0.1 }\n\t\t\t\t\t\tvalue={ widthValue || undefined }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</View>\n\t);\n};\n\n/**\n * The `BorderControl` brings together internal sub-components which allow users to\n * set the various properties of a border. The first sub-component, a\n * `BorderDropdown` contains options representing border color and style. The\n * border width is controlled via a `UnitControl` and an optional `RangeControl`.\n *\n * Border radius is not covered by this control as it may be desired separate to\n * color, style, and width. For example, the border radius may be absorbed under\n * a \"shape\" abstraction.\n *\n * ```jsx\n * import { __experimentalBorderControl as BorderControl } from '@wordpress/components';\n * import { __ } from '@wordpress/i18n';\n *\n * const colors = [\n * \t{ name: 'Blue 20', color: '#72aee6' },\n * \t// ...\n * ];\n *\n * const MyBorderControl = () => {\n * \tconst [ border, setBorder ] = useState();\n * \tconst onChange = ( newBorder ) => setBorder( newBorder );\n *\n * \treturn (\n * \t\t<BorderControl\n * \t\t\tcolors={ colors }\n * \t\t\tlabel={ __( 'Border' ) }\n * \t\t\tonChange={ onChange }\n * \t\t\tvalue={ border }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport const BorderControl = contextConnect(\n\tUnconnectedBorderControl,\n\t'BorderControl'\n);\n\nexport default BorderControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/border-control/border-control/component.tsx"],"names":["BorderLabel","props","label","hideLabelFromVision","UnconnectedBorderControl","forwardedRef","colors","disableCustomColors","disableUnits","enableAlpha","enableStyle","innerWrapperClassName","inputWidth","onBorderChange","onSliderChange","onWidthChange","placeholder","__unstablePopoverProps","previousStyleSelection","showDropdownHeader","size","sliderClassName","value","border","widthUnit","widthValue","withSlider","__experimentalHasMultipleOrigins","__experimentalIsRenderedInSidebar","otherProps","width","includes","undefined","BorderControl"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BorderControlDropdown from '../border-control-dropdown';\nimport UnitControl from '../../unit-control';\nimport RangeControl from '../../range-control';\nimport { HStack } from '../../h-stack';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { useBorderControl } from './hook';\n\nimport type { BorderControlProps, LabelProps } from '../types';\n\nconst BorderLabel = ( props: LabelProps ) => {\n\tconst { label, hideLabelFromVision } = props;\n\n\tif ( ! label ) {\n\t\treturn null;\n\t}\n\n\treturn hideLabelFromVision ? (\n\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t) : (\n\t\t<StyledLabel as=\"legend\">{ label }</StyledLabel>\n\t);\n};\n\nconst UnconnectedBorderControl = (\n\tprops: WordPressComponentProps< BorderControlProps, 'div', false >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst {\n\t\tcolors,\n\t\tdisableCustomColors,\n\t\tdisableUnits,\n\t\tenableAlpha,\n\t\tenableStyle,\n\t\thideLabelFromVision,\n\t\tinnerWrapperClassName,\n\t\tinputWidth,\n\t\tlabel,\n\t\tonBorderChange,\n\t\tonSliderChange,\n\t\tonWidthChange,\n\t\tplaceholder,\n\t\t__unstablePopoverProps,\n\t\tpreviousStyleSelection,\n\t\tshowDropdownHeader,\n\t\tsize,\n\t\tsliderClassName,\n\t\tvalue: border,\n\t\twidthUnit,\n\t\twidthValue,\n\t\twithSlider,\n\t\t__experimentalHasMultipleOrigins,\n\t\t__experimentalIsRenderedInSidebar,\n\t\t...otherProps\n\t} = useBorderControl( props );\n\n\treturn (\n\t\t<View as=\"fieldset\" { ...otherProps } ref={ forwardedRef }>\n\t\t\t<BorderLabel\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t\t<HStack spacing={ 4 } className={ innerWrapperClassName }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tprefix={\n\t\t\t\t\t\t<BorderControlDropdown\n\t\t\t\t\t\t\tborder={ border }\n\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t__unstablePopoverProps={ __unstablePopoverProps }\n\t\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t\tenableStyle={ enableStyle }\n\t\t\t\t\t\t\tonChange={ onBorderChange }\n\t\t\t\t\t\t\tpreviousStyleSelection={ previousStyleSelection }\n\t\t\t\t\t\t\tshowDropdownHeader={ showDropdownHeader }\n\t\t\t\t\t\t\t__experimentalHasMultipleOrigins={\n\t\t\t\t\t\t\t\t__experimentalHasMultipleOrigins\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Border width' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ onWidthChange }\n\t\t\t\t\tvalue={ border?.width || '' }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tdisableUnits={ disableUnits }\n\t\t\t\t\t__unstableInputWidth={ inputWidth }\n\t\t\t\t\tsize={ size }\n\t\t\t\t/>\n\t\t\t\t{ withSlider && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Border width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName={ sliderClassName }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tonChange={ onSliderChange }\n\t\t\t\t\t\tstep={ [ 'px', '%' ].includes( widthUnit ) ? 1 : 0.1 }\n\t\t\t\t\t\tvalue={ widthValue || undefined }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</View>\n\t);\n};\n\n/**\n * The `BorderControl` brings together internal sub-components which allow users to\n * set the various properties of a border. The first sub-component, a\n * `BorderDropdown` contains options representing border color and style. The\n * border width is controlled via a `UnitControl` and an optional `RangeControl`.\n *\n * Border radius is not covered by this control as it may be desired separate to\n * color, style, and width. For example, the border radius may be absorbed under\n * a \"shape\" abstraction.\n *\n * ```jsx\n * import { __experimentalBorderControl as BorderControl } from '@wordpress/components';\n * import { __ } from '@wordpress/i18n';\n *\n * const colors = [\n * \t{ name: 'Blue 20', color: '#72aee6' },\n * \t// ...\n * ];\n *\n * const MyBorderControl = () => {\n * \tconst [ border, setBorder ] = useState();\n * \tconst onChange = ( newBorder ) => setBorder( newBorder );\n *\n * \treturn (\n * \t\t<BorderControl\n * \t\t\tcolors={ colors }\n * \t\t\tlabel={ __( 'Border' ) }\n * \t\t\tonChange={ onChange }\n * \t\t\tvalue={ border }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport const BorderControl = contextConnect(\n\tUnconnectedBorderControl,\n\t'BorderControl'\n);\n\nexport default BorderControl;\n"]}