@wordpress/components 19.7.0 → 19.8.2

package/build-module/surface/styles.js

@@ -7,8 +7,8 @@ import { css } from '@emotion/react';
  */
 
 import { CONFIG, COLORS } from '../utils';
-export const Surface = /*#__PURE__*/css("background-color:", CONFIG.surfaceColor, ";color:", COLORS.black, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
-export const background = /*#__PURE__*/css("background-color:", CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+export const Surface = /*#__PURE__*/css("background-color:", CONFIG.surfaceColor, ";color:", COLORS.darkGray.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
+export const background = /*#__PURE__*/css("background-color:", CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 /**
  * @param {Object}  props
  * @param {boolean} [props.borderBottom]
@@ -30,11 +30,11 @@ export function getBorders(_ref) {
     borderLeft: borderLeft ? borderStyle : undefined,
     borderRight: borderRight ? borderStyle : undefined,
     borderTop: borderTop ? borderStyle : undefined
-  }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+  }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 }
-export const primary = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
-export const secondary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
-export const tertiary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+export const primary = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+export const secondary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+export const tertiary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 /**
  * @param {string} surfaceBackgroundSize
  */
@@ -65,7 +65,7 @@ const dottedBackgroundCombined = surfaceBackgroundSizeDotted => [`linear-gradien
  */
 
 
-export const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/css("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+export const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/css("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 const gridBackground1 = [`${CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
 const gridBackground2 = ['90deg', `${CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
 const gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear-gradient( ${gridBackground2} )`].join(',');
@@ -75,7 +75,7 @@ const gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear
  */
 
 export const getGrid = surfaceBackgroundSize => {
-  return /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0lXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+  return /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0lXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 };
 /**
  * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant

package/build-module/surface/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["css","CONFIG","COLORS","Surface","surfaceColor","black","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.black };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["css","CONFIG","COLORS","Surface","surfaceColor","darkGray","primary","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.darkGray.primary };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}

package/build-module/toggle-group-control/index.js

@@ -1,3 +1,4 @@
 export { ToggleGroupControl } from './toggle-group-control';
 export { ToggleGroupControlOption } from './toggle-group-control-option';
+export { ToggleGroupControlOptionIcon } from './toggle-group-control-option-icon';
 //# sourceMappingURL=index.js.map

package/build-module/toggle-group-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":["ToggleGroupControl","ToggleGroupControlOption"],"mappings":"AAAA,SAASA,kBAAT,QAAmC,wBAAnC;AACA,SAASC,wBAAT,QAAyC,+BAAzC","sourcesContent":["export { ToggleGroupControl } from './toggle-group-control';\nexport { ToggleGroupControlOption } from './toggle-group-control-option';\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":["ToggleGroupControl","ToggleGroupControlOption","ToggleGroupControlOptionIcon"],"mappings":"AAAA,SAASA,kBAAT,QAAmC,wBAAnC;AACA,SAASC,wBAAT,QAAyC,+BAAzC;AACA,SAASC,4BAAT,QAA6C,oCAA7C","sourcesContent":["export { ToggleGroupControl } from './toggle-group-control';\nexport { ToggleGroupControlOption } from './toggle-group-control-option';\nexport { ToggleGroupControlOptionIcon } from './toggle-group-control-option-icon';\n"]}

package/build-module/toggle-group-control/toggle-group-control/component.js

@@ -6,6 +6,7 @@ import { createElement } from "@wordpress/element";
  */
 // eslint-disable-next-line no-restricted-imports
 import { RadioGroup, useRadioState } from 'reakit';
+import useResizeAware from 'react-resize-aware';
 /**
  * WordPress dependencies
  */
@@ -20,6 +21,7 @@ import { contextConnect, useContextSystem } from '../../ui/context';
 import { useUpdateEffect, useCx } from '../../utils/hooks';
 import { View } from '../../view';
 import BaseControl from '../../base-control';
+import ToggleGroupControlBackdrop from './toggle-group-control-backdrop';
 import ToggleGroupControlContext from '../context';
 import * as styles from './styles';
 
@@ -40,6 +42,7 @@ function ToggleGroupControl(props, forwardedRef) {
   } = useContextSystem(props, 'ToggleGroupControl');
   const cx = useCx();
   const containerRef = useRef();
+  const [resizeListener, sizes] = useResizeAware();
   const baseId = useInstanceId(ToggleGroupControl, 'toggle-group-control').toString();
   const radio = useRadioState({
     baseId,
@@ -73,7 +76,11 @@ function ToggleGroupControl(props, forwardedRef) {
     className: classes
   }, otherProps, {
     ref: useMergeRefs([containerRef, forwardedRef])
-  }), children)));
+  }), resizeListener, createElement(ToggleGroupControlBackdrop, _extends({}, radio, {
+    containerRef: containerRef,
+    containerWidth: sizes.width,
+    isAdaptiveWidth: isAdaptiveWidth
+  })), children)));
 }
 /**
  * `ToggleGroupControl` is a form component that lets users choose options

package/build-module/toggle-group-control/toggle-group-control/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["RadioGroup","useRadioState","useRef","useMemo","useMergeRefs","useInstanceId","usePrevious","contextConnect","useContextSystem","useUpdateEffect","useCx","View","BaseControl","ToggleGroupControlContext","styles","noop","ToggleGroupControl","props","forwardedRef","className","isAdaptiveWidth","isBlock","label","hideLabelFromVision","help","onChange","value","children","otherProps","cx","containerRef","baseId","toString","radio","state","previousValue","setState","classes","block","ConnectedToggleGroupControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { useMergeRefs, useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useUpdateEffect, useCx } from '../../utils/hooks';\nimport { View } from '../../view';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport ToggleGroupControlContext from '../context';\nimport * as styles from './styles';\n\nconst noop = () => {};\n\nfunction ToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'input' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\tconst containerRef = useRef();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControl,\n\t\t'toggle-group-control'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl,\n\t\t\t\tisBlock && styles.block,\n\t\t\t\t'medium',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock ]\n\t);\n\treturn (\n\t\t<BaseControl help={ help }>\n\t\t\t<ToggleGroupControlContext.Provider\n\t\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth } }\n\t\t\t>\n\t\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<RadioGroup\n\t\t\t\t\t{ ...radio }\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tas={ View }\n\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</RadioGroup>\n\t\t\t</ToggleGroupControlContext.Provider>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControl = contextConnect(\n\tToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ConnectedToggleGroupControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["RadioGroup","useRadioState","useResizeAware","useRef","useMemo","useMergeRefs","useInstanceId","usePrevious","contextConnect","useContextSystem","useUpdateEffect","useCx","View","BaseControl","ToggleGroupControlBackdrop","ToggleGroupControlContext","styles","noop","ToggleGroupControl","props","forwardedRef","className","isAdaptiveWidth","isBlock","label","hideLabelFromVision","help","onChange","value","children","otherProps","cx","containerRef","resizeListener","sizes","baseId","toString","radio","state","previousValue","setState","classes","block","width","ConnectedToggleGroupControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\nimport useResizeAware from 'react-resize-aware';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { useMergeRefs, useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useUpdateEffect, useCx } from '../../utils/hooks';\nimport { View } from '../../view';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport * as styles from './styles';\n\nconst noop = () => {};\n\nfunction ToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'input' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeAware();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControl,\n\t\t'toggle-group-control'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl,\n\t\t\t\tisBlock && styles.block,\n\t\t\t\t'medium',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock ]\n\t);\n\treturn (\n\t\t<BaseControl help={ help }>\n\t\t\t<ToggleGroupControlContext.Provider\n\t\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth } }\n\t\t\t>\n\t\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<RadioGroup\n\t\t\t\t\t{ ...radio }\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tas={ View }\n\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\t\t{ ...radio }\n\t\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t\t/>\n\t\t\t\t\t{ children }\n\t\t\t\t</RadioGroup>\n\t\t\t</ToggleGroupControlContext.Provider>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControl = contextConnect(\n\tToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ConnectedToggleGroupControl;\n"]}

package/build-module/toggle-group-control/toggle-group-control/styles.js

@@ -1,22 +1,30 @@
+import _styled from "@emotion/styled/base";
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 /**
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import { CONFIG, COLORS, reduceMotion } from '../../utils';
-export const ToggleGroupControl = /*#__PURE__*/css("background:", COLORS.ui.background, ";border:1px solid;border-color:", COLORS.ui.border, ";border-radius:", CONFIG.controlBorderRadius, ";display:inline-flex;min-height:", CONFIG.controlHeight, ";min-width:0;padding:2px;position:relative;transition:transform ", CONFIG.transitionDurationFastest, " linear;", reduceMotion('transition'), " &:hover{border-color:", COLORS.ui.borderHover, ";}&:focus-within{border-color:", COLORS.ui.borderFocus, ";box-shadow:", CONFIG.controlBoxShadowFocus, ";outline:none;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RvZ2dsZS1ncm91cC1jb250cm9sL3RvZ2dsZS1ncm91cC1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwQ29udHJvbCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLWhlaWdodDogJHsgQ09ORklHLmNvbnRyb2xIZWlnaHQgfTtcblx0bWluLXdpZHRoOiAwO1xuXHRwYWRkaW5nOiAycHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */");
+export const ToggleGroupControl = /*#__PURE__*/css("background:", COLORS.ui.background, ";border:1px solid;border-color:", COLORS.ui.border, ";border-radius:", CONFIG.controlBorderRadius, ";display:inline-flex;min-height:", CONFIG.controlHeight, ";min-width:0;padding:2px;position:relative;transition:transform ", CONFIG.transitionDurationFastest, " linear;", reduceMotion('transition'), " &:hover{border-color:", COLORS.ui.borderHover, ";}&:focus-within{border-color:", COLORS.ui.borderFocus, ";box-shadow:", CONFIG.controlBoxShadowFocus, ";outline:none;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdxQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RvZ2dsZS1ncm91cC1jb250cm9sL3RvZ2dsZS1ncm91cC1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwQ29udHJvbCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLWhlaWdodDogJHsgQ09ORklHLmNvbnRyb2xIZWlnaHQgfTtcblx0bWluLXdpZHRoOiAwO1xuXHRwYWRkaW5nOiAycHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgQmFja2Ryb3BWaWV3ID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5jb250cm9sQm9yZGVyUmFkaXVzIH07XG5cdGJveC1zaGFkb3c6ICR7IENPTkZJRy50b2dnbGVHcm91cENvbnRyb2xCYWNrZHJvcEJveFNoYWRvdyB9O1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMnB4O1xuXHRib3R0b206IDJweDtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0IH0gZWFzZTtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdHotaW5kZXg6IDE7XG5gO1xuIl19 */");
 export const block = process.env.NODE_ENV === "production" ? {
   name: "7whenc",
   styles: "display:flex;width:100%"
 } : {
   name: "2dfrl8-block",
   styles: "display:flex;width:100%;label:block;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDd0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
+export const BackdropView = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eakva830"
+} : {
+  target: "eakva830",
+  label: "BackdropView"
+})("background:", COLORS.gray[900], ";border-radius:", CONFIG.controlBorderRadius, ";box-shadow:", CONFIG.toggleGroupControlBackdropBoxShadow, ";left:0;position:absolute;top:2px;bottom:2px;transition:transform ", CONFIG.transitionDurationFast, " ease;", reduceMotion('transition'), " z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDc0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */"));
 //# sourceMappingURL=styles.js.map

package/build-module/toggle-group-control/toggle-group-control/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/styles.ts"],"names":["css","CONFIG","COLORS","reduceMotion","ToggleGroupControl","ui","background","border","controlBorderRadius","controlHeight","transitionDurationFastest","borderHover","borderFocus","controlBoxShadowFocus","block"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,YAAzB,QAA6C,aAA7C;AAEA,OAAO,MAAMC,kBAAkB,gBAAGJ,GAAH,gBACfE,MAAM,CAACG,EAAP,CAAUC,UADK,qCAGbJ,MAAM,CAACG,EAAP,CAAUE,MAHG,qBAIZN,MAAM,CAACO,mBAJK,sCAMfP,MAAM,CAACQ,aANQ,sEAULR,MAAM,CAACS,yBAVF,cAW3BP,YAAY,CAAE,YAAF,CAXe,4BAaZD,MAAM,CAACG,EAAP,CAAUM,WAbE,oCAiBZT,MAAM,CAACG,EAAP,CAAUO,WAjBE,kBAkBdX,MAAM,CAACY,qBAlBO,wtDAAxB;AAwBP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../../utils';\n\nexport const ToggleGroupControl = css`\n\tbackground: ${ COLORS.ui.background };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tdisplay: inline-flex;\n\tmin-height: ${ CONFIG.controlHeight };\n\tmin-width: 0;\n\tpadding: 2px;\n\tposition: relative;\n\ttransition: transform ${ CONFIG.transitionDurationFastest } linear;\n\t${ reduceMotion( 'transition' ) }\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t\toutline: none;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const block = css`\n\tdisplay: flex;\n\twidth: 100%;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/styles.ts"],"names":["css","CONFIG","COLORS","reduceMotion","ToggleGroupControl","ui","background","border","controlBorderRadius","controlHeight","transitionDurationFastest","borderHover","borderFocus","controlBoxShadowFocus","block","BackdropView","gray","toggleGroupControlBackdropBoxShadow","transitionDurationFast"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;;AAGA;AACA;AACA;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,YAAzB,QAA6C,aAA7C;AAEA,OAAO,MAAMC,kBAAkB,gBAAGJ,GAAH,gBACfE,MAAM,CAACG,EAAP,CAAUC,UADK,qCAGbJ,MAAM,CAACG,EAAP,CAAUE,MAHG,qBAIZN,MAAM,CAACO,mBAJK,sCAMfP,MAAM,CAACQ,aANQ,sEAULR,MAAM,CAACS,yBAVF,cAW3BP,YAAY,CAAE,YAAF,CAXe,4BAaZD,MAAM,CAACG,EAAP,CAAUM,WAbE,oCAiBZT,MAAM,CAACG,EAAP,CAAUO,WAjBE,kBAkBdX,MAAM,CAACY,qBAlBO,4wEAAxB;AAwBP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX;AAKP,OAAO,MAAMC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBACTb,MAAM,CAACc,IAAP,CAAa,GAAb,CADS,qBAENf,MAAM,CAACO,mBAFD,kBAGTP,MAAM,CAACgB,mCAHE,wEAQChB,MAAM,CAACiB,sBARR,YASrBf,YAAY,CAAE,YAAF,CATS,urEAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../../utils';\n\nexport const ToggleGroupControl = css`\n\tbackground: ${ COLORS.ui.background };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tdisplay: inline-flex;\n\tmin-height: ${ CONFIG.controlHeight };\n\tmin-width: 0;\n\tpadding: 2px;\n\tposition: relative;\n\ttransition: transform ${ CONFIG.transitionDurationFastest } linear;\n\t${ reduceMotion( 'transition' ) }\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t\toutline: none;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const block = css`\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nexport const BackdropView = styled.div`\n\tbackground: ${ COLORS.gray[ 900 ] };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tbox-shadow: ${ CONFIG.toggleGroupControlBackdropBoxShadow };\n\tleft: 0;\n\tposition: absolute;\n\ttop: 2px;\n\tbottom: 2px;\n\ttransition: transform ${ CONFIG.transitionDurationFast } ease;\n\t${ reduceMotion( 'transition' ) }\n\tz-index: 1;\n`;\n"]}

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -0,0 +1,86 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useState, useEffect, memo } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+
+import { BackdropView } from './styles';
+
+function ToggleGroupControlBackdrop(_ref) {
+  let {
+    containerRef,
+    containerWidth,
+    isAdaptiveWidth,
+    state
+  } = _ref;
+  const [left, setLeft] = useState(0);
+  const [width, setWidth] = useState(0);
+  const [canAnimate, setCanAnimate] = useState(false);
+  const [renderBackdrop, setRenderBackdrop] = useState(false);
+  useEffect(() => {
+    const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+    if (!containerNode) return;
+    /**
+     * Workaround for Reakit
+     */
+
+    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
+    setRenderBackdrop(!!targetNode);
+
+    if (!targetNode) {
+      return;
+    }
+
+    const computeDimensions = () => {
+      const {
+        width: offsetWidth,
+        x
+      } = targetNode.getBoundingClientRect();
+      const {
+        x: parentX
+      } = containerNode.getBoundingClientRect();
+      const borderWidth = 1;
+      const offsetLeft = x - parentX - borderWidth;
+      setLeft(offsetLeft);
+      setWidth(offsetWidth);
+    }; // Fix to make the component appear as expected inside popovers.
+    // If the targetNode width is 0 it means the element was not yet rendered we should allow
+    // some time for the render to happen.
+    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
+
+
+    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
+    let animationRequestId;
+
+    if (!canAnimate) {
+      animationRequestId = window.requestAnimationFrame(() => {
+        setCanAnimate(true);
+      });
+    }
+
+    return () => {
+      window.clearTimeout(dimensionsRequestId);
+      window.cancelAnimationFrame(animationRequestId);
+    };
+  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
+
+  if (!renderBackdrop) {
+    return null;
+  }
+
+  return createElement(BackdropView, {
+    role: "presentation",
+    style: {
+      transform: `translateX(${left}px)`,
+      transition: canAnimate ? undefined : 'none',
+      width
+    }
+  });
+}
+
+export default memo(ToggleGroupControlBackdrop);
+//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,IAA9B,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA,SAASC,YAAT,QAA6B,UAA7B;;AAEA,SAASC,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoBV,QAAQ,CAAE,CAAF,CAAlC;AACA,QAAM,CAAEW,KAAF,EAASC,QAAT,IAAsBZ,QAAQ,CAAE,CAAF,CAApC;AACA,QAAM,CAAEa,UAAF,EAAcC,aAAd,IAAgCd,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM,CAAEe,cAAF,EAAkBC,iBAAlB,IAAwChB,QAAQ,CAAE,KAAF,CAAtD;AAEAC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMgB,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CQ,EA6CN,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CM,CAAT;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;AAED,eAAeT,IAAI,CAAEE,0BAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}