@flodesk/grain 11.35.0 → 11.35.2

package/README.md

@@ -24,7 +24,7 @@ function Demo() {
 
 ### Add text styles context
 
-Add `grn-context` class to a parent wrapper, this class sets dynamically the `line-height` and the `letter-spacing`. It can be added to a smaller UI section or to the page wrapper. Set it on as many wrappers as needed.
+Apply the `grn-context` class to any wrapper. It sets the `line-height` dynamically. Use it on as many wrappers as needed.
 
 In the future, once Grain is widely adopted, we will remove these classes and apply the text styles globally.
 

package/es/foundational/field.js

@@ -16,17 +16,9 @@ import { IconCross } from '../icons';
 import { getColor, getRadius, getSpace, getTransition, getWeight } from '../utilities';
 import { styles } from './styles';
 import { types } from '../types';
-import PropTypes from 'prop-types';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export const fieldVars = {
-  xPadding: '12px',
-  borderColor: getColor('fade3'),
-  borderColorHover: getColor('fade6'),
-  borderColorFocus: getColor('shade9'),
-  borderColorDisabled: getColor('shade5'),
-  backgroundColorDisabled: getColor('shade2')
-}; // fix for safari v16, incorrect color when disabled
+import PropTypes from 'prop-types'; // fix for safari v16, incorrect color when disabled
 
+import { jsx as ___EmotionJSX } from "@emotion/react";
 const safari16Fix = "\n  &:not(:placeholder-shown) {\n    -webkit-text-fill-color: ".concat(getColor('content'), ";\n  }\n  &:placeholder-shown {\n    -webkit-text-fill-color: var(--grn-field-placeholder-color);\n  }\n  opacity: 1;\n");
 export const fieldDisabledStyles = "\n  background-color: var(--grn-field-background-disabled);\n  border-color: var(--grn-field-border-color-disabled);\n  ".concat(safari16Fix, ";\n");
 export const fieldPlaceholderStyles = "\n  /* these selectors are needed to force the color */\n  &:not(:disabled, :read-only)::placeholder,\n  &:disabled::placeholder,\n  &:read-only::placeholder {\n    color: var(--grn-field-placeholder-color);\n  }\n";
@@ -58,7 +50,7 @@ const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
     paddingRight
   } = _ref3;
   return "0 ".concat(getSpace(paddingRight), " 0 ").concat(getSpace(paddingLeft));
-}, ";height:var(--grn-textbox-height-m);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuLy8gZml4IGZvciBzYWZhcmkgdjE2LCBpbmNvcnJlY3QgY29sb3Igd2hlbiBkaXNhYmxlZFxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gICY6bm90KDpwbGFjZWhvbGRlci1zaG93bikge1xuICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG4gICY6cGxhY2Vob2xkZXItc2hvd24ge1xuICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG4gIG9wYWNpdHk6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJhY2tncm91bmQtZGlzYWJsZWQpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItZGlzYWJsZWQpO1xuICAke3NhZmFyaTE2Rml4fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2RhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3RyYW5zcGFyZW50Jyl9O1xuICAke2ZpZWxkUGxhY2Vob2xkZXJTdHlsZXN9O1xuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gJ3ZhcigtLWdybi1maWVsZC1wYWRkaW5nWCknLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gJ3ZhcigtLWdybi1maWVsZC1wYWRkaW5nWCknLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxJbnB1dEZpZWxkUm9vdFxuICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GaWVsZExhYmVsUm9vdD5cbikpO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
+}, ";height:var(--grn-textbox-height-m);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gZGlzYWJsZWRcbmNvbnN0IHNhZmFyaTE2Rml4ID0gYFxuICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkRGlzYWJsZWRTdHlsZXMgPSBgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbiAgJHtzYWZhcmkxNkZpeH07XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd0cmFuc3BhcmVudCcpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkLFxuICAmOnJlYWQtb25seSB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignYWN0aXZlJyl9O1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItZm9jdXMpO1xuICAgICAgfVxuICAgIH1cbiAgYFxuICB9XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkUm9vdCA9IHN0eWxlZC5pbnB1dGBcbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHBhZGRpbmc6ICR7KHsgcGFkZGluZ0xlZnQsIHBhZGRpbmdSaWdodCB9KSA9PlxuICAgIGAwICR7Z2V0U3BhY2UocGFkZGluZ1JpZ2h0KX0gMCAke2dldFNwYWNlKHBhZGRpbmdMZWZ0KX1gfTtcbiAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwYWRkaW5nTGVmdCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJyxcbiAgICAgIHBhZGRpbmdSaWdodCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJyxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKSxcbik7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvRmllbGRMYWJlbFJvb3Q+XG4pKTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
 
 export const InputField = /*#__PURE__*/forwardRef((_ref4, ref) => {
   let {
@@ -95,7 +87,7 @@ const FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "p
 } : {
   target: "e1swxi6p0",
   label: "FieldLabelRoot"
-})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuLy8gZml4IGZvciBzYWZhcmkgdjE2LCBpbmNvcnJlY3QgY29sb3Igd2hlbiBkaXNhYmxlZFxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gICY6bm90KDpwbGFjZWhvbGRlci1zaG93bikge1xuICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG4gICY6cGxhY2Vob2xkZXItc2hvd24ge1xuICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG4gIG9wYWNpdHk6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJhY2tncm91bmQtZGlzYWJsZWQpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItZGlzYWJsZWQpO1xuICAke3NhZmFyaTE2Rml4fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2RhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3RyYW5zcGFyZW50Jyl9O1xuICAke2ZpZWxkUGxhY2Vob2xkZXJTdHlsZXN9O1xuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gJ3ZhcigtLWdybi1maWVsZC1wYWRkaW5nWCknLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gJ3ZhcigtLWdybi1maWVsZC1wYWRkaW5nWCknLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxJbnB1dEZpZWxkUm9vdFxuICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GaWVsZExhYmVsUm9vdD5cbikpO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
+})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1IbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gZGlzYWJsZWRcbmNvbnN0IHNhZmFyaTE2Rml4ID0gYFxuICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkRGlzYWJsZWRTdHlsZXMgPSBgXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbiAgJHtzYWZhcmkxNkZpeH07XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd0cmFuc3BhcmVudCcpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkLFxuICAmOnJlYWQtb25seSB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignYWN0aXZlJyl9O1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItZm9jdXMpO1xuICAgICAgfVxuICAgIH1cbiAgYFxuICB9XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkUm9vdCA9IHN0eWxlZC5pbnB1dGBcbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHBhZGRpbmc6ICR7KHsgcGFkZGluZ0xlZnQsIHBhZGRpbmdSaWdodCB9KSA9PlxuICAgIGAwICR7Z2V0U3BhY2UocGFkZGluZ1JpZ2h0KX0gMCAke2dldFNwYWNlKHBhZGRpbmdMZWZ0KX1gfTtcbiAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwYWRkaW5nTGVmdCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJyxcbiAgICAgIHBhZGRpbmdSaWdodCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJyxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKSxcbik7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvRmllbGRMYWJlbFJvb3Q+XG4pKTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
 
 export const FieldLabel = /*#__PURE__*/forwardRef((_ref5, ref) => {
   let {

package/es/foundational/styles.js

@@ -1,9 +1,6 @@
 import { getColor, getRadius, getTextSize, getTransition, getWeight } from '../utilities';
 export const capHeight = "0.74em";
 export const lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - ".concat(capHeight, ") / 2)");
-export const componentVars = {
-  strokeSize: '1px'
-};
 const buttonResetStyles = "\n  appearance: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: ".concat(getWeight('medium'), ";\n  cursor: pointer;\n");
 export const transitionStyles = "\n  transition: ".concat(getTransition('leave'), ";\n\n  &:hover {\n    transition: ").concat(getTransition('hover'), ";\n  }\n\n  &:active {\n    transition: ").concat(getTransition('active'), ";\n  }\n");
 export const styles = {

package/es/icons/icon-align-center.js

@@ -10,7 +10,7 @@ const IconAlignCenter = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M12.5 32.5a1.5 1.5 0 0 0 3 0V32h7a5.5 5.5 0 0 0 5.5-5.5v-17A5.5 5.5 0 0 0 22.5 4h-7v-.5a1.5 1.5 0 0 0-3 0V4h-7A5.5 5.5 0 0 0 0 9.5v17A5.5 5.5 0 0 0 5.5 32h7zm3-3.5h7a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 22.5 7h-7zm-3-22v22h-7A2.5 2.5 0 0 1 3 26.5v-17A2.5 2.5 0 0 1 5.5 7z",
+  d: "M12.5 32.5a1.5 1.5 0 0 0 3 0V32h8a4.5 4.5 0 0 0 4.5-4.5v-19A4.5 4.5 0 0 0 23.5 4h-8v-.5a1.5 1.5 0 0 0-3 0V4h-8A4.5 4.5 0 0 0 0 8.5v19A4.5 4.5 0 0 0 4.5 32h8zm3-3.5h8a1.5 1.5 0 0 0 1.5-1.5v-19A1.5 1.5 0 0 0 23.5 7h-8zm-3-22v22h-8A1.5 1.5 0 0 1 3 27.5v-19A1.5 1.5 0 0 1 4.5 7z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-align-left.js

@@ -10,7 +10,7 @@ const IconAlignLeft = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M0 32.5a1.5 1.5 0 0 0 3 0v-29a1.5 1.5 0 1 0-3 0zm9-23A2.5 2.5 0 0 1 11.5 7h17A2.5 2.5 0 0 1 31 9.5v17a2.5 2.5 0 0 1-2.5 2.5h-17A2.5 2.5 0 0 1 9 26.5zM11.5 4A5.5 5.5 0 0 0 6 9.5v17a5.5 5.5 0 0 0 5.5 5.5h17a5.5 5.5 0 0 0 5.5-5.5v-17A5.5 5.5 0 0 0 28.5 4z",
+  d: "M0 32.5a1.5 1.5 0 0 0 3 0v-29a1.5 1.5 0 1 0-3 0zm9-24A1.5 1.5 0 0 1 10.5 7h19A1.5 1.5 0 0 1 31 8.5v19a1.5 1.5 0 0 1-1.5 1.5h-19A1.5 1.5 0 0 1 9 27.5zM10.5 4A4.5 4.5 0 0 0 6 8.5v19a4.5 4.5 0 0 0 4.5 4.5h19a4.5 4.5 0 0 0 4.5-4.5v-19A4.5 4.5 0 0 0 29.5 4z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-align-right.js

@@ -10,7 +10,7 @@ const IconAlignRight = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M34 32.5a1.5 1.5 0 0 1-3 0v-29a1.5 1.5 0 0 1 3 0zm-9-23A2.5 2.5 0 0 0 22.5 7h-17A2.5 2.5 0 0 0 3 9.5v17A2.5 2.5 0 0 0 5.5 29h17a2.5 2.5 0 0 0 2.5-2.5zM22.5 4A5.5 5.5 0 0 1 28 9.5v17a5.5 5.5 0 0 1-5.5 5.5h-17A5.5 5.5 0 0 1 0 26.5v-17A5.5 5.5 0 0 1 5.5 4z",
+  d: "M34 32.5a1.5 1.5 0 0 1-3 0v-29a1.5 1.5 0 0 1 3 0zm-9-24A1.5 1.5 0 0 0 23.5 7h-19A1.5 1.5 0 0 0 3 8.5v19A1.5 1.5 0 0 0 4.5 29h19a1.5 1.5 0 0 0 1.5-1.5zM23.5 4A4.5 4.5 0 0 1 28 8.5v19a4.5 4.5 0 0 1-4.5 4.5h-19A4.5 4.5 0 0 1 0 27.5v-19A4.5 4.5 0 0 1 4.5 4z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-archive.js

@@ -10,7 +10,7 @@ const IconArchive = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M0 6.5A2.5 2.5 0 0 1 2.5 4h31A2.5 2.5 0 0 1 36 6.5v5a2.5 2.5 0 0 1-2 2.45V26.5a5.5 5.5 0 0 1-5.5 5.5h-21A5.5 5.5 0 0 1 2 26.5V13.95a2.5 2.5 0 0 1-2-2.45zM5 14h26v12.5a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 5 26.5zM3 7v4h30V7zm10.5 14a1.5 1.5 0 1 1 0-3h9a1.5 1.5 0 0 1 0 3z",
+  d: "M0 6.5A2.5 2.5 0 0 1 2.5 4h31A2.5 2.5 0 0 1 36 6.5v5a2.5 2.5 0 0 1-2 2.45V27.5a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 2 27.5V13.95a2.5 2.5 0 0 1-2-2.45zM5 14h26v13.5a1.5 1.5 0 0 1-1.5 1.5h-23A1.5 1.5 0 0 1 5 27.5zM3 7v4h30V7zm10.5 14a1.5 1.5 0 1 1 0-3h9a1.5 1.5 0 0 1 0 3z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-at.js

@@ -10,7 +10,7 @@ const IconAt = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M3 18C3 10.268 9.268 4 17 4s14 6.268 14 14c0 2.103-.537 3.33-1.147 4.013-.597.669-1.412.987-2.353.987-.817 0-1.698-.402-2.4-1.12-.701-.72-1.1-1.63-1.1-2.471V12.5a1.5 1.5 0 0 0-2.982-.233 7 7 0 1 0 1.035 10.577c.263.41.567.79.9 1.131C24.103 25.153 25.723 26 27.5 26c1.653 0 3.337-.583 4.592-1.99C33.334 22.617 34 20.594 34 18 34 8.61 26.389 1 17 1S0 8.611 0 18s7.611 17 17 17c3.924 0 7.542-1.332 10.42-3.567a1.5 1.5 0 1 0-1.84-2.369A13.93 13.93 0 0 1 17 32C9.268 32 3 25.732 3 18m18 0a4 4 0 1 0-8 0 4 4 0 0 0 8 0",
+  d: "M3 18C3 10.268 9.268 4 17 4s14 6.268 14 14c0 2.103-.537 3.33-1.147 4.013-.597.669-1.412.987-2.353.987-.817 0-1.698-.402-2.4-1.12-.701-.72-1.1-1.63-1.1-2.471V12.5a1.5 1.5 0 0 0-2.982-.233 7 7 0 1 0 1.035 10.577c.263.41.567.79.9 1.131C24.103 25.153 25.723 26 27.5 26c1.653 0 3.337-.583 4.592-1.99C33.334 22.617 34 20.594 34 18 34 8.61 26.389 1 17 1S0 8.611 0 18s7.611 17 17 17c3.44 0 6.646-1.023 9.324-2.783a1.5 1.5 0 0 0-1.648-2.507A13.93 13.93 0 0 1 17 32C9.268 32 3 25.732 3 18m18 0a4 4 0 1 0-8 0 4 4 0 0 0 8 0",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-browser.js

@@ -9,7 +9,7 @@ const IconBrowser = props => ___EmotionJSX("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg"
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
-  d: "M0 9.5A5.5 5.5 0 0 1 5.5 4h23A5.5 5.5 0 0 1 34 9.5v17a5.5 5.5 0 0 1-5.5 5.5h-23A5.5 5.5 0 0 1 0 26.5zM5.5 7A2.5 2.5 0 0 0 3 9.5V12h28V9.5A2.5 2.5 0 0 0 28.5 7zM3 26.5V15h28v11.5a2.5 2.5 0 0 1-2.5 2.5h-23A2.5 2.5 0 0 1 3 26.5M6.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M13 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
+  d: "M0 8.5A4.5 4.5 0 0 1 4.5 4h25A4.5 4.5 0 0 1 34 8.5v19a4.5 4.5 0 0 1-4.5 4.5h-25A4.5 4.5 0 0 1 0 27.5zM4.5 7A1.5 1.5 0 0 0 3 8.5V12h28V8.5A1.5 1.5 0 0 0 29.5 7zM3 27.5V15h28v12.5a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 3 27.5M6.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M13 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
   clipRule: "evenodd",
   fill: "currentColor"
 }));

package/es/icons/icon-column-one.js

@@ -10,7 +10,7 @@ const IconColumnOne = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M0.000399351 6.50034C0.000399351 4.01506 2.01512 2.00034 4.5004 2.00034H19.5004C21.9857 2.00034 24.0004 4.01506 24.0004 6.50034V29.5003C24.0004 31.9856 21.9857 34.0003 19.5004 34.0003H4.5004C2.01512 34.0003 0.000399351 31.9856 0.000399351 29.5003V6.50034ZM4.5004 5.00034C3.67197 5.00034 3.0004 5.67191 3.0004 6.50034V29.5003C3.0004 30.3288 3.67197 31.0003 4.5004 31.0003H19.5004C20.3288 31.0003 21.0004 30.3288 21.0004 29.5003V6.50034C21.0004 5.67191 20.3288 5.00034 19.5004 5.00034H4.5004Z",
+  d: "M0 6.5A4.5 4.5 0 0 1 4.5 2h15A4.5 4.5 0 0 1 24 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-15A4.5 4.5 0 0 1 0 29.5zM4.5 5A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h15a1.5 1.5 0 0 0 1.5-1.5v-23A1.5 1.5 0 0 0 19.5 5z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-column-two.js

@@ -10,7 +10,7 @@ const IconColumnTwo = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M11.0004 6.49999C11.0004 5.67157 10.3288 4.99999 9.50041 4.99999H4.50041C3.67198 4.99999 3.00041 5.67157 3.00041 6.49999V29.5C3.00041 30.3284 3.67198 31 4.50041 31H9.50041C10.3288 31 11.0004 30.3284 11.0004 29.5V6.49999ZM9.50041 1.99999C11.9857 1.99999 14.0004 4.01471 14.0004 6.49999V29.5C14.0004 31.9853 11.9857 34 9.50041 34H4.50041C2.01512 34 0.000406265 31.9853 0.000406265 29.5V6.49999C0.000406265 4.01471 2.01513 1.99999 4.50041 1.99999H9.50041ZM29.0004 6.49999C29.0004 5.67157 28.3288 4.99999 27.5004 4.99999H22.5004C21.672 4.99999 21.0004 5.67157 21.0004 6.49999V29.5C21.0004 30.3284 21.672 31 22.5004 31H27.5004C28.3288 31 29.0004 30.3284 29.0004 29.5V6.49999ZM27.5004 1.99999C29.9857 1.99999 32.0004 4.01471 32.0004 6.49999V29.5C32.0004 31.9853 29.9857 34 27.5004 34H22.5004C20.0151 34 18.0004 31.9853 18.0004 29.5V6.49999C18.0004 4.01471 20.0151 1.99999 22.5004 1.99999H27.5004Z",
+  d: "M11 6.5A1.5 1.5 0 0 0 9.5 5h-5A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h5a1.5 1.5 0 0 0 1.5-1.5zM9.5 2A4.5 4.5 0 0 1 14 6.5v23A4.5 4.5 0 0 1 9.5 34h-5A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2zM29 6.5A1.5 1.5 0 0 0 27.5 5h-5A1.5 1.5 0 0 0 21 6.5v23a1.5 1.5 0 0 0 1.5 1.5h5a1.5 1.5 0 0 0 1.5-1.5zM27.5 2A4.5 4.5 0 0 1 32 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-5a4.5 4.5 0 0 1-4.5-4.5v-23A4.5 4.5 0 0 1 22.5 2z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-columns.js

@@ -10,7 +10,7 @@ const IconColumns = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M4.49963 2C2.01435 2 -0.000366211 4.01472 -0.000366211 6.5V29.5C-0.000366211 31.9853 2.01435 34 4.49963 34H27.4996C29.9849 34 31.9996 31.9853 31.9996 29.5V6.5C31.9996 4.01472 29.9849 2 27.4996 2H4.49963ZM2.99963 6.5C2.99963 5.67157 3.67121 5 4.49963 5H14.5L14.5 31H4.49963C3.67121 31 2.99963 30.3284 2.99963 29.5V6.5ZM17.5 31H27.4996C28.3281 31 28.9996 30.3284 28.9996 29.5V6.5C28.9996 5.67157 28.3281 5 27.4996 5H17.5L17.5 31Z",
+  d: "M4.498 34A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2h23A4.5 4.5 0 0 1 32 6.5v23c0 2.484-2.01 4.5-4.497 4.5H4.498M3 29.5c0 .83.671 1.5 1.498 1.5H14.5V5h-10A1.5 1.5 0 0 0 3 6.5zM17.5 5v26h10.003C28.33 31 29 30.33 29 29.5v-23A1.5 1.5 0 0 0 27.5 5z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-content-align-bottom.js

@@ -10,7 +10,7 @@ const IconContentAlignBottom = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M28.9999 6.49991C28.9999 5.67148 28.3284 4.99991 27.4999 4.99991H4.49994C3.67151 4.99991 2.99994 5.67148 2.99994 6.49991V29.4999C2.99994 30.3283 3.67151 30.9999 4.49994 30.9999H27.4999C28.3284 30.9999 28.9999 30.3283 28.9999 29.4999V6.49991ZM27.4999 1.99991C29.9852 1.99991 31.9999 4.01463 31.9999 6.49991V29.4999C31.9999 31.9852 29.9852 33.9999 27.4999 33.9999H4.49994C2.01466 33.9999 -5.91278e-05 31.9852 -5.91278e-05 29.4999V6.49991C-5.91278e-05 4.01463 2.01466 1.99991 4.49994 1.99991H27.4999ZM7.49999 27.9995C6.67157 27.9995 5.99999 27.328 5.99999 26.4995C5.99999 25.6711 6.67157 24.9995 7.49999 24.9995H24.5C25.3284 24.9995 26 25.6711 26 26.4995C26 27.328 25.3284 27.9995 24.5 27.9995H7.49999Z",
+  d: "M29 6.5A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h23a1.5 1.5 0 0 0 1.5-1.5zM27.5 2A4.5 4.5 0 0 1 32 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2zm-20 26a1.5 1.5 0 1 1 0-3h17a1.5 1.5 0 0 1 0 3z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-content-align-center.js

@@ -10,7 +10,7 @@ const IconContentAlignCenter = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M29 6.50034C29 5.67191 28.3284 5.00034 27.5 5.00034H4.5C3.67158 5.00034 3 5.67191 3 6.50034V29.5003C3 30.3288 3.67158 31.0003 4.5 31.0003H27.5C28.3284 31.0003 29 30.3288 29 29.5003V6.50034ZM27.5 2.00034C29.9853 2.00034 32 4.01506 32 6.50034V29.5003C32 31.9856 29.9853 34.0003 27.5 34.0003H4.5C2.01472 34.0003 1.90735e-06 31.9856 1.90735e-06 29.5003V6.50034C1.90735e-06 4.01506 2.01472 2.00034 4.5 2.00034H27.5ZM7.49994 19.5004C6.67151 19.5004 5.99994 18.8289 5.99994 18.0004C5.99994 17.172 6.67151 16.5004 7.49994 16.5004H24.4999C25.3284 16.5004 25.9999 17.172 25.9999 18.0004C25.9999 18.8289 25.3284 19.5004 24.4999 19.5004H7.49994Z",
+  d: "M29 6.5A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h23a1.5 1.5 0 0 0 1.5-1.5zM27.5 2A4.5 4.5 0 0 1 32 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2zm-20 17.5a1.5 1.5 0 1 1 0-3h17a1.5 1.5 0 1 1 0 3z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-content-align-top.js

@@ -10,7 +10,7 @@ const IconContentAlignTop = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M29 6.50034C29 5.67191 28.3284 5.00034 27.5 5.00034H4.5C3.67158 5.00034 3 5.67191 3 6.50034V29.5003C3 30.3288 3.67158 31.0003 4.5 31.0003H27.5C28.3284 31.0003 29 30.3288 29 29.5003V6.50034ZM27.5 2.00034C29.9853 2.00034 32 4.01506 32 6.50034V29.5003C32 31.9856 29.9853 34.0003 27.5 34.0003H4.5C2.01472 34.0003 1.90735e-06 31.9856 1.90735e-06 29.5003V6.50034C1.90735e-06 4.01506 2.01472 2.00034 4.5 2.00034H27.5ZM7.49999 11.0003C6.67156 11.0003 5.99999 10.3287 5.99999 9.50032C5.99999 8.67189 6.67156 8.00032 7.49999 8.00032H24.5C25.3284 8.00032 26 8.67189 26 9.50032C26 10.3287 25.3284 11.0003 24.5 11.0003H7.49999Z",
+  d: "M29 6.5A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h23a1.5 1.5 0 0 0 1.5-1.5zM27.5 2A4.5 4.5 0 0 1 32 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2zm-20 9a1.5 1.5 0 1 1 0-3h17a1.5 1.5 0 0 1 0 3z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-duplicate.js

@@ -10,7 +10,7 @@ const IconDuplicate = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M11.0004 29.5002C11.0004 30.3287 11.672 31.0002 12.5004 31.0002H27.5004C28.3288 31.0002 29.0004 30.3287 29.0004 29.5002V14.5002C29.0004 13.6718 28.3288 13.0002 27.5004 13.0002H12.5004C11.672 13.0002 11.0004 13.6718 11.0004 14.5002V29.5002ZM12.5004 34.0002C10.0151 34.0002 8.00038 31.9855 8.00038 29.5002V26.0001H4.50038C2.0151 26.0001 0.000384092 23.9854 0.000384092 21.5001V6.50013C0.000384092 4.01484 2.0151 2.00013 4.50038 2.00013H19.5004C21.9857 2.00013 24.0004 4.01484 24.0004 6.50013V10.0002H27.5004C29.9857 10.0002 32.0004 12.015 32.0004 14.5002V29.5002C32.0004 31.9855 29.9857 34.0002 27.5004 34.0002H12.5004ZM21.0004 10.0002H12.5004C10.0151 10.0002 8.00038 12.015 8.00038 14.5002V23.0001H4.50038C3.67196 23.0001 3.00038 22.3286 3.00038 21.5001V6.50013C3.00038 5.6717 3.67196 5.00013 4.50038 5.00013H19.5004C20.3288 5.00013 21.0004 5.6717 21.0004 6.50013V10.0002Z",
+  d: "M11 29.5a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5v-15a1.5 1.5 0 0 0-1.5-1.5h-15a1.5 1.5 0 0 0-1.5 1.5zm1.5 4.5A4.5 4.5 0 0 1 8 29.5V26H4.5A4.5 4.5 0 0 1 0 21.5v-15A4.5 4.5 0 0 1 4.5 2h15A4.5 4.5 0 0 1 24 6.5V10h3.5a4.5 4.5 0 0 1 4.5 4.5v15a4.5 4.5 0 0 1-4.5 4.5zM21 10h-8.5A4.5 4.5 0 0 0 8 14.5V23H4.5A1.5 1.5 0 0 1 3 21.5v-15A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-file.js

@@ -10,7 +10,7 @@ const IconFile = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M26.5 9.379c.96.96 1.5 2.263 1.5 3.62v16.5a5.5 5.5 0 0 1-5.5 5.5h-17A5.5 5.5 0 0 1 0 29.5v-23A5.5 5.5 0 0 1 5.5 1H16c1.359 0 2.661.54 3.622 1.5zm-12-5.38h-9A2.5 2.5 0 0 0 3 6.5v23A2.5 2.5 0 0 0 5.5 32h17a2.5 2.5 0 0 0 2.5-2.5v-15h-5A5.5 5.5 0 0 1 14.5 9zm9.88 7.5L17.5 4.622V9a2.5 2.5 0 0 0 2.5 2.5z",
+  d: "M26.682 9.56A4.5 4.5 0 0 1 28 12.743V30.5a4.5 4.5 0 0 1-4.5 4.5h-19A4.5 4.5 0 0 1 0 30.5v-25A4.5 4.5 0 0 1 4.5 1h11.758a4.5 4.5 0 0 1 3.182 1.318zM25 14.5h-6a4.5 4.5 0 0 1-4.5-4.5V4h-10A1.5 1.5 0 0 0 3 5.5v25A1.5 1.5 0 0 0 4.5 32h19a1.5 1.5 0 0 0 1.5-1.5zM17.5 4.62V10a1.5 1.5 0 0 0 1.5 1.5h5.38z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-folder-remove.js

@@ -10,7 +10,7 @@ const IconFolderRemove = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M6.5 4A4.5 4.5 0 0 0 2 8.5V18a1.5 1.5 0 0 0 3 0V8.5A1.5 1.5 0 0 1 6.5 7h6.75l2.55 3.4a1.5 1.5 0 0 0 1.2.6h14.5a1.5 1.5 0 0 1 1.5 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13a1.5 1.5 0 0 0 0 3h13a4.5 4.5 0 0 0 4.5-4.5v-13A4.5 4.5 0 0 0 31.5 8H17.75L15.2 4.6A1.5 1.5 0 0 0 14 4zm-5 19.5a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 0-3z",
+  d: "M6.5 4A4.5 4.5 0 0 0 2 8.5v10a1.5 1.5 0 0 0 3 0v-10A1.5 1.5 0 0 1 6.5 7h6.75l2.55 3.4a1.5 1.5 0 0 0 1.2.6h14.5a1.5 1.5 0 0 1 1.5 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13a1.5 1.5 0 0 0 0 3h13a4.5 4.5 0 0 0 4.5-4.5v-13A4.5 4.5 0 0 0 31.5 8H17.75L15.2 4.6A1.5 1.5 0 0 0 14 4zm-5 20a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 0-3z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-hide.js

@@ -10,7 +10,7 @@ const IconHide = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M1.44 33.56a1.5 1.5 0 0 1 0-2.12l4.182-4.183-.262-.258C2.6 24.248.86 20.908.073 18.46a1.5 1.5 0 0 1 0-.92C.86 15.093 2.6 11.753 5.36 9c2.779-2.772 6.653-5 11.638-5 3.589 0 6.602 1.154 9.046 2.835l4.396-4.396a1.5 1.5 0 0 1 2.122 2.122l-4.184 4.183q.133.127.262.256c2.76 2.752 4.502 6.093 5.288 8.541a1.5 1.5 0 0 1 0 .918c-.786 2.448-2.528 5.789-5.288 8.54C25.86 29.773 21.984 32 16.998 32c-3.587 0-6.6-1.154-9.042-2.834L3.56 33.561a1.5 1.5 0 0 1-2.12 0m8.68-6.558C12.047 28.217 14.333 29 16.999 29c4.013 0 7.165-1.772 9.524-4.125 2.208-2.2 3.667-4.863 4.394-6.875-.727-2.012-2.186-4.674-4.394-6.875l-.265-.26zM23.88 9c-1.927-1.217-4.214-2-6.882-2-4.012 0-7.162 1.772-9.52 4.124C5.273 13.326 3.814 15.988 3.086 18c.728 2.013 2.187 4.675 4.392 6.876l.266.26 2.639-2.64a8 8 0 0 1 11.114-11.114zm-4.566 4.566-6.747 6.747a5 5 0 0 1 6.747-6.747",
+  d: "M1.44 33.56a1.5 1.5 0 0 1 0-2.12l4.182-4.183-.262-.258C2.6 24.248.86 20.908.073 18.46a1.5 1.5 0 0 1 0-.92C.86 15.093 2.6 11.753 5.36 9c2.779-2.772 6.653-5 11.638-5 3.589 0 6.602 1.154 9.046 2.835l4.396-4.396a1.5 1.5 0 0 1 2.122 2.122l-29 29a1.5 1.5 0 0 1-2.122 0M23.88 9c-1.927-1.217-4.214-2-6.882-2-4.012 0-7.162 1.772-9.52 4.124C5.273 13.326 3.814 15.988 3.086 18c.728 2.013 2.187 4.675 4.392 6.876l.266.26 2.639-2.64a8 8 0 0 1 11.114-11.114zm-4.566 4.566-6.747 6.747a5 5 0 0 1 6.747-6.747m-8.638 17.12 2.32-2.32a12.7 12.7 0 0 0 4.002.634c4.013 0 7.165-1.772 9.524-4.125 2.208-2.2 3.667-4.863 4.394-6.875-.517-1.432-1.406-3.193-2.67-4.883l2.14-2.14c1.765 2.266 2.937 4.68 3.542 6.564a1.5 1.5 0 0 1 0 .918c-.786 2.448-2.528 5.789-5.288 8.54C25.86 29.773 21.984 32 16.998 32c-2.355 0-4.462-.497-6.322-1.314",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-layout-text-bottom.js

@@ -10,7 +10,7 @@ const IconLayoutTextBottom = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M27.5004 25C28.3288 25 29.0004 24.3284 29.0004 23.5V6.49998C29.0004 5.67156 28.3288 4.99998 27.5004 4.99998L4.50039 4.99998C3.67196 4.99998 3.00039 5.67156 3.00039 6.49998L3.00039 23.5C3.00039 24.3284 3.67196 25 4.50039 25L27.5004 25ZM32.0004 23.5C32.0004 25.9853 29.9857 28 27.5004 28L4.50039 28C2.0151 28 0.000385307 25.9853 0.000385416 23.5L0.000386159 6.49998C0.000386267 4.0147 2.01511 1.99998 4.50039 1.99998L27.5004 1.99998C29.9857 1.99998 32.0004 4.0147 32.0004 6.49998V23.5ZM7.50037 34C6.67195 34 6.00037 33.3284 6.00037 32.5C6.00037 31.6716 6.67195 31 7.50037 31H24.5004C25.3288 31 26.0004 31.6716 26.0004 32.5C26.0004 33.3284 25.3288 34 24.5004 34H7.50037Z",
+  d: "M27.5 25a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5v17A1.5 1.5 0 0 0 4.5 25zm4.5-1.5a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 0 23.5v-17A4.5 4.5 0 0 1 4.5 2h23A4.5 4.5 0 0 1 32 6.5zM7.5 34a1.5 1.5 0 0 1 0-3h17a1.5 1.5 0 0 1 0 3z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-layout-text-left.js

@@ -10,7 +10,7 @@ const IconLayoutTextLeft = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M29.0004 6.49999C29.0004 5.67157 28.3288 4.99999 27.5004 4.99999H10.5004C9.67195 4.99999 9.00038 5.67157 9.00038 6.49999V29.5C9.00038 30.3284 9.67195 31 10.5004 31H27.5004C28.3288 31 29.0004 30.3284 29.0004 29.5V6.49999ZM27.5004 1.99999C29.9857 1.99999 32.0004 4.01471 32.0004 6.49999V29.5C32.0004 31.9853 29.9857 34 27.5004 34H10.5004C8.0151 34 6.00038 31.9853 6.00038 29.5V6.49999C6.00038 4.01471 8.0151 1.99999 10.5004 1.99999H27.5004ZM3.00038 26.5C3.00038 27.3284 2.32881 28 1.50038 28C0.671954 28 0.000380957 27.3284 0.000380993 26.5L0.000381021 9.49998C0.000380938 8.67156 0.671954 7.99998 1.50038 7.99998C2.32881 7.99998 3.00038 8.67156 3.00038 9.49998V26.5Z",
+  d: "M29 6.5A1.5 1.5 0 0 0 27.5 5h-17A1.5 1.5 0 0 0 9 6.5v23a1.5 1.5 0 0 0 1.5 1.5h17a1.5 1.5 0 0 0 1.5-1.5zM27.5 2A4.5 4.5 0 0 1 32 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 6 29.5v-23A4.5 4.5 0 0 1 10.5 2zM3 26.5a1.5 1.5 0 0 1-3 0v-17a1.5 1.5 0 0 1 3 0z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-layout-text-right.js

@@ -10,7 +10,7 @@ const IconLayoutTextRight = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M23.0004 6.49999C23.0004 5.67157 22.3288 4.99999 21.5004 4.99999H4.50038C3.67195 4.99999 3.00038 5.67157 3.00038 6.49999V29.5C3.00038 30.3284 3.67195 31 4.50038 31H21.5004C22.3288 31 23.0004 30.3284 23.0004 29.5V6.49999ZM21.5004 1.99999C23.9857 1.99999 26.0004 4.01471 26.0004 6.49999V29.5C26.0004 31.9853 23.9857 34 21.5004 34H4.50038C2.0151 34 0.000377655 31.9853 0.000377655 29.5V6.49999C0.000377655 4.01471 2.0151 1.99999 4.50038 1.99999H21.5004ZM32.0004 26.5C32.0004 27.3284 31.3288 28 30.5004 28C29.672 28 29.0004 27.3284 29.0004 26.5V9.49998C29.0004 8.67156 29.672 7.99998 30.5004 7.99998C31.3288 7.99998 32.0004 8.67156 32.0004 9.49998V26.5Z",
+  d: "M23 6.5A1.5 1.5 0 0 0 21.5 5h-17A1.5 1.5 0 0 0 3 6.5v23A1.5 1.5 0 0 0 4.5 31h17a1.5 1.5 0 0 0 1.5-1.5zM21.5 2A4.5 4.5 0 0 1 26 6.5v23a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2zM32 26.5a1.5 1.5 0 0 1-3 0v-17a1.5 1.5 0 0 1 3 0z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-layout-text-top.js

@@ -10,7 +10,7 @@ const IconLayoutTextTop = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M24.5004 1.99999C25.3288 1.99999 26.0004 2.67157 26.0004 3.49999C26.0004 4.32842 25.3288 4.99999 24.5004 4.99999L7.50038 4.99999C6.67195 4.99999 6.00038 4.32842 6.00038 3.49999C6.00038 2.67157 6.67195 1.99999 7.50038 1.99999L24.5004 1.99999ZM4.50039 11C3.67196 11 3.00039 11.6716 3.00039 12.5L3.00039 29.5C3.00039 30.3284 3.67196 31 4.50039 31L27.5004 31C28.3288 31 29.0004 30.3284 29.0004 29.5V12.5C29.0004 11.6716 28.3288 11 27.5004 11L4.50039 11ZM0.000385416 12.5C0.000385307 10.0147 2.0151 7.99999 4.50039 7.99999L27.5004 7.99999C29.9857 7.99999 32.0004 10.0147 32.0004 12.5V29.5C32.0004 31.9853 29.9857 34 27.5004 34L4.50039 34C2.01511 34 0.000386267 31.9853 0.000386159 29.5L0.000385416 12.5Z",
+  d: "M24.5 2a1.5 1.5 0 0 1 0 3h-17a1.5 1.5 0 1 1 0-3zm-20 9A1.5 1.5 0 0 0 3 12.5v17A1.5 1.5 0 0 0 4.5 31h23a1.5 1.5 0 0 0 1.5-1.5v-17a1.5 1.5 0 0 0-1.5-1.5zM0 12.5A4.5 4.5 0 0 1 4.5 8h23a4.5 4.5 0 0 1 4.5 4.5v17a4.5 4.5 0 0 1-4.5 4.5h-23A4.5 4.5 0 0 1 0 29.5z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-mail.js

@@ -10,7 +10,7 @@ const IconMail = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M3.025 9.15A2.5 2.5 0 0 1 5.5 7h23a2.5 2.5 0 0 1 2.476 2.149L17.75 16.802a1.5 1.5 0 0 1-1.502 0zM3 12.6V26.5A2.5 2.5 0 0 0 5.5 29h23a2.5 2.5 0 0 0 2.5-2.5V12.6L19.254 19.4a4.5 4.5 0 0 1-4.508 0zM5.5 4A5.5 5.5 0 0 0 0 9.5v17A5.5 5.5 0 0 0 5.5 32h23a5.5 5.5 0 0 0 5.5-5.5v-17A5.5 5.5 0 0 0 28.5 4z",
+  d: "M3 8.5A1.5 1.5 0 0 1 4.5 7h25A1.5 1.5 0 0 1 31 8.5v.635l-13.249 7.667a1.5 1.5 0 0 1-1.502 0L3 9.135zm0 4.101V27.5A1.5 1.5 0 0 0 4.5 29h25a1.5 1.5 0 0 0 1.5-1.5V12.6L19.254 19.4a4.5 4.5 0 0 1-4.508 0zM4.5 4A4.5 4.5 0 0 0 0 8.5v19A4.5 4.5 0 0 0 4.5 32h25a4.5 4.5 0 0 0 4.5-4.5v-19A4.5 4.5 0 0 0 29.5 4z",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-monitor.js

@@ -10,7 +10,7 @@ const IconMonitor = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M5.5 4A5.5 5.5 0 0 0 0 9.5v12A5.5 5.5 0 0 0 5.5 27h23a5.5 5.5 0 0 0 5.5-5.5v-12A5.5 5.5 0 0 0 28.5 4zM3 9.5A2.5 2.5 0 0 1 5.5 7h23A2.5 2.5 0 0 1 31 9.5v12a2.5 2.5 0 0 1-2.5 2.5h-23A2.5 2.5 0 0 1 3 21.5zM8.5 29a1.5 1.5 0 0 0 0 3h17a1.5 1.5 0 0 0 0-3h-17",
+  d: "M4.5 2A4.5 4.5 0 0 0 0 6.5v18A4.5 4.5 0 0 0 4.5 29h25a4.5 4.5 0 0 0 4.5-4.5v-18A4.5 4.5 0 0 0 29.5 2zM3 6.5A1.5 1.5 0 0 1 4.5 5h25A1.5 1.5 0 0 1 31 6.5v18a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 3 24.5zM8.5 31a1.5 1.5 0 0 0 0 3h17a1.5 1.5 0 0 0 0-3h-17",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-phone.js

@@ -4,13 +4,13 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 const IconPhone = props => ___EmotionJSX("svg", _extends({
-  viewBox: "0 0 28 36",
+  viewBox: "0 0 24 36",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M5.5 1A5.5 5.5 0 0 0 0 6.5v23A5.5 5.5 0 0 0 5.5 35h13a5.5 5.5 0 0 0 5.5-5.5v-23A5.5 5.5 0 0 0 18.5 1zM3 6.5A2.5 2.5 0 0 1 5.5 4h13A2.5 2.5 0 0 1 21 6.5v23a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 29.5zM9.5 26a1.5 1.5 0 0 0 0 3h5a1.5 1.5 0 0 0 0-3h-5",
+  d: "M4.5 1A4.5 4.5 0 0 0 0 5.5v25A4.5 4.5 0 0 0 4.5 35h15a4.5 4.5 0 0 0 4.5-4.5v-25A4.5 4.5 0 0 0 19.5 1zM3 5.5A1.5 1.5 0 0 1 4.5 4h15A1.5 1.5 0 0 1 21 5.5v25a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 30.5zM9.5 26a1.5 1.5 0 0 0 0 3h5a1.5 1.5 0 0 0 0-3h-5",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-rows.js

@@ -10,7 +10,7 @@ const IconRows = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M4.49963 2C2.01435 2 -0.000366211 4.01472 -0.000366211 6.5V29.5C-0.000366211 31.9853 2.01435 34 4.49963 34H27.4996C29.9849 34 31.9996 31.9853 31.9996 29.5V6.5C31.9996 4.01472 29.9849 2 27.4996 2H4.49963ZM2.99963 6.5C2.99963 5.67157 3.67121 5 4.49963 5H27.4996C28.3281 5 28.9996 5.67157 28.9996 6.5V16.5H3V19.5H28.9996V29.5C28.9996 30.3284 28.3281 31 27.4996 31H4.49963C3.67121 31 2.99963 30.3284 2.99963 29.5V6.5Z",
+  d: "M3 29.5c0 .83.671 1.5 1.498 1.5h23.005C28.33 31 29 30.33 29 29.5v-10H3zm0-13h26v-10A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5zM4.498 34A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2h23A4.5 4.5 0 0 1 32 6.5v23c0 2.484-2.01 4.5-4.497 4.5H4.498",
   fill: "currentColor"
 }));
 

package/es/icons/icon-square.js

@@ -10,7 +10,7 @@ const IconSquare = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M0 6.5C0 4.01472 2.01472 2 4.5 2H27.5C29.9853 2 32 4.01472 32 6.5V29.5C32 31.9853 29.9853 34 27.5 34H4.5C2.01472 34 0 31.9853 0 29.5V6.5ZM4.5 5C3.67157 5 3 5.67157 3 6.5V29.5C3 30.3284 3.67157 31 4.5 31H27.5C28.3284 31 29 30.3284 29 29.5V6.5C29 5.67157 28.3284 5 27.5 5H4.5Z",
+  d: "M4.498 34A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2h23A4.5 4.5 0 0 1 32 6.5v23c0 2.484-2.01 4.5-4.497 4.5H4.498M3 29.5c0 .83.671 1.5 1.498 1.5h23.005C28.33 31 29 30.33 29 29.5v-23A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5z",
   fill: "currentColor"
 }));
 

package/es/icons/icon-tablet.js

@@ -10,7 +10,7 @@ const IconTablet = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M5.5 1A5.5 5.5 0 0 0 0 6.5v23A5.5 5.5 0 0 0 5.5 35h17a5.5 5.5 0 0 0 5.5-5.5v-23A5.5 5.5 0 0 0 22.5 1zM3 6.5A2.5 2.5 0 0 1 5.5 4h17A2.5 2.5 0 0 1 25 6.5v23a2.5 2.5 0 0 1-2.5 2.5h-17A2.5 2.5 0 0 1 3 29.5zM9.5 26a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3h-9",
+  d: "M4.5 1A4.5 4.5 0 0 0 0 5.5v25A4.5 4.5 0 0 0 4.5 35h19a4.5 4.5 0 0 0 4.5-4.5v-25A4.5 4.5 0 0 0 23.5 1zM3 5.5A1.5 1.5 0 0 1 4.5 4h19A1.5 1.5 0 0 1 25 5.5v25a1.5 1.5 0 0 1-1.5 1.5h-19A1.5 1.5 0 0 1 3 30.5zM9.5 26a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3h-9",
   clipRule: "evenodd"
 }));
 

package/es/icons/icon-trash.js

@@ -10,7 +10,7 @@ const IconTrash = props => ___EmotionJSX("svg", _extends({
 }, props), ___EmotionJSX("path", {
   fill: "currentColor",
   fillRule: "evenodd",
-  d: "M16 5a5.25 5.25 0 0 0-4.744 3h9.49A5.25 5.25 0 0 0 16 5m0-3a8.254 8.254 0 0 0-7.94 6H1.5a1.5 1.5 0 0 0 0 3H4.08l1.5 17.958A5.5 5.5 0 0 0 11.06 34h9.88a5.5 5.5 0 0 0 5.482-5.042L27.922 11H30.5a1.5 1.5 0 0 0 0-3h-6.56A8.254 8.254 0 0 0 16 2m8.912 9H7.09l1.479 17.708A2.5 2.5 0 0 0 11.06 31h9.88a2.5 2.5 0 0 0 2.492-2.292z",
+  d: "M16 5a5.25 5.25 0 0 0-4.744 3h9.49A5.25 5.25 0 0 0 16 5m0-3a8.254 8.254 0 0 0-7.94 6H1.5a1.5 1.5 0 0 0 0 3H4.08l1.577 18.875A4.5 4.5 0 0 0 10.14 34h11.72a4.5 4.5 0 0 0 4.485-4.125L27.922 11H30.5a1.5 1.5 0 0 0 0-3h-6.56A8.254 8.254 0 0 0 16 2m8.912 9H7.09l1.555 18.625A1.5 1.5 0 0 0 10.14 31h11.72a1.5 1.5 0 0 0 1.495-1.375z",
   clipRule: "evenodd"
 }));
 

package/es/styles/foundational.js

@@ -1,4 +1,4 @@
-const legacyVariables = "\n  :root {\n    --grn-textBoxHeight: 40px;\n    --grn-space-fieldPaddingX: 12px;\n    --grn-color-fieldBorder: var(--grn-color-fade3);\n    --grn-color-fieldBorderHover: var(--grn-color-fade6);\n    --grn-color-fieldBorderFocus: var(--grn-color-shade9);\n    --grn-color-fieldBorderDisabled: var(--grn-color-shade5);\n    --grn-color-fieldBackgroundDisabled: var(--grn-color-shade2);\n\n    --grn-space-betweenFormTitleAndContent: var(--grn-space-l);\n    --grn-space-betweenFormContents: var(--grn-space-m);\n    --grn-space-betweenFormContentAndActions: var(--grn-space-xl);\n    --grn-space-betweenFormControlAndLabel: var(--grn-space-s);\n\n    --grn-textbox-textSize-s: var(--grn-text-s);\n  }\n";
+const legacyVariables = "\n  :root {\n    --grn-textbox-textSize-s: var(--grn-text-s);\n  }\n";
 export const borderVariables = "\n  :root {\n    --grn-border-size: 1px;\n  }\n";
 const capValue = "\n  :root {\n    @supports not (font-size: 1cap) { --grn-cap-value: 0.74em }\n    @supports (font-size: 1cap) { --grn-cap-value: 1cap }\n  }\n";
 export const capVariables = "\n  :root {\n    --grn-cap: var(--grn-cap-value);\n  }\n";
@@ -8,5 +8,6 @@ const experiments = "\n  [data-experiment-compact-textbox=\"true\"] {\n    --grn
 export const textboxVariables = "\n  :root {\n    --grn-textbox-height-s: 28px;\n    --grn-textbox-paddingX-s: var(--grn-space-s);\n    --grn-textbox-radius-s: var(--grn-radius-xs);\n    --grn-textbox-text-s: var(--grn-text-s);\n\n    --grn-textbox-height-m: 40px;\n    --grn-textbox-paddingX-m: var(--grn-space-m);\n    --grn-textbox-radius-m: var(--grn-radius-s);\n    --grn-textbox-text-m: var(--grn-text-m);\n  }\n";
 export const clearbuttonVariables = "\n  :root {\n    --grn-clearbutton-height: 36px;\n  }\n";
 export const formVariables = "\n  :root {\n    --grn-form-title-content-gap: var(--grn-space-l);\n    --grn-form-contents-gap: var(--grn-space-m);\n    --grn-form-content-actions-gap: var(--grn-space-xl);\n    --grn-form-control-label-gap: var(--grn-space-s);\n  }\n";
-const foundationalVariables = "\n  ".concat(legacyVariables, "\n  ").concat(fieldVariables, "\n  ").concat(componentVariables, "\n  ").concat(textboxVariables, "\n  ").concat(clearbuttonVariables, "\n  ").concat(experiments, "\n  ").concat(capValue, "\n  ").concat(capVariables, "\n  ").concat(borderVariables, "\n  ").concat(formVariables, "\n");
+export const transitionVariables = "\n  :root {\n    --grn-transition-leave: var(--grn-transition-slow);\n    --grn-transition-hover: var(--grn-transition-fast);\n    --grn-transition-active: var(--grn-transition-xxFast);\n  }\n";
+const foundationalVariables = "\n  ".concat(legacyVariables, "\n  ").concat(fieldVariables, "\n  ").concat(componentVariables, "\n  ").concat(textboxVariables, "\n  ").concat(clearbuttonVariables, "\n  ").concat(experiments, "\n  ").concat(capValue, "\n  ").concat(capVariables, "\n  ").concat(borderVariables, "\n  ").concat(formVariables, "\n  ").concat(transitionVariables, "\n");
 export default foundationalVariables;

package/es/styles/variables.js

@@ -1,2 +1,2 @@
-const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 3px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 8px;\n    --grn-radius-l: 10px;\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n\n  :root,\n  [data-theme] {\n    --grn-color-backdrop: hsl(var(--H) 15% 10% / 0.6);\n\n    --grn-transition-leave: var(--grn-transition-slow);\n    --grn-transition-hover: var(--grn-transition-fast);\n    --grn-transition-active: var(--grn-transition-xxFast);\n  }\n";
+const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 3px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 8px;\n    --grn-radius-l: 10px;\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n\n  :root,\n  [data-theme] {\n    --grn-color-backdrop: hsl(var(--H) 15% 10% / 0.6);\n  }\n";
 export default variables;

package/es/types/components/arrange.d.ts

@@ -0,0 +1,18 @@
+import type { FC, HTMLAttributes } from 'react';
+import { BoxProps } from './box';
+import { DimensionPropType, AlignmentType, ContentPositionType, DirectionType } from '../shared';
+
+export interface ArrangeProps extends BoxProps, HTMLAttributes<HTMLDivElement> {
+  gap?: DimensionPropType;
+  columnGap?: DimensionPropType;
+  rowGap?: DimensionPropType;
+  alignItems?: AlignmentType;
+  justifyItems?: AlignmentType;
+  justifyContent?: ContentPositionType;
+  alignContent?: ContentPositionType;
+  columns?: string | number;
+  rows?: string | number;
+  autoFlow?: DirectionType;
+}
+
+export const Arrange: FC<ArrangeProps>;

package/es/types/components/autocomplete.d.ts

@@ -0,0 +1,39 @@
+import type { FC, HTMLAttributes, InputHTMLAttributes } from 'react';
+import { ColorPropType } from '../shared';
+import { MenuPlacement } from '../foundational/menu';
+
+export interface AutocompleteOption {
+  value: string;
+  content: string;
+  groupTitle?: string;
+  preContent?: React.ReactNode;
+  isDisabled?: boolean;
+}
+
+export interface AutocompleteProps
+  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+  options: AutocompleteOption[];
+  value?: string;
+  onChange: (_selectedOption: AutocompleteOption) => void;
+  isCreatable?: boolean;
+  onCreate?: (_newOption: AutocompleteOption) => void;
+  menuPlacement?: MenuPlacement;
+  menuWidth?: string | number;
+  menuMaxHeight?: string;
+  menuZIndex?: number;
+  placeholder?: string;
+  label?: React.ReactNode;
+  hint?: React.ReactNode;
+  menuItemsHaveEllipsis?: boolean;
+  hasPortal?: boolean;
+  hasError?: boolean;
+  errorMessage?: string;
+  searchField?: string;
+  backgroundColor?: ColorPropType;
+  onClear?: () => void;
+}
+
+export const Autocomplete: FC<AutocompleteProps> & {
+  Label: FC<HTMLAttributes<HTMLLabelElement> & { children: React.ReactNode }>;
+  Hint: FC<HTMLAttributes<HTMLDivElement> & { children: React.ReactNode }>;
+};