@flodesk/grain 6.3.9 → 6.3.10

package/es/components/text-input.js

@@ -13,7 +13,8 @@ import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
 import _styled from "@emotion/styled/base";
 var _excluded = ["children", "internalType", "setInternalType"],
-    _excluded2 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type"];
+    _excluded2 = ["children"],
+    _excluded3 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -53,7 +54,7 @@ var IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
 } : {
   target: "e1o9e51y0",
   label: "IconSection"
-})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkTGFiZWwsIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJY29uSGlkZSwgSWNvblNob3cgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB1c2VXaWR0aCB9IGZyb20gJy4uL2hvb2tzJztcblxuY29uc3QgaWNvbk9mZnNldFB4ID0gMTI7XG5jb25zdCBpY29uVGV4dEdhcFB4ID0gODtcblxuY29uc3QgSWNvblNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogYXV0bztcbiAgbGVmdDogJHtpY29uT2Zmc2V0UHh9cHg7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFZpc2liaWxpdHlCdXR0b24gPSAoeyBjaGlsZHJlbiwgaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGUsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgcmlnaHRPZmZzZXQgPSBgY2FsYygoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fSkgLyAyKWA7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICByaWdodD17cmlnaHRPZmZzZXR9XG4gICAgICB0b3A9XCIwXCJcbiAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBpY29uPXt0eXBlQW5kSWNvbk1hcFtpbnRlcm5hbFR5cGVdfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJbnRlcm5hbFR5cGUoaW50ZXJuYWxUeXBlID09PSAndGV4dCcgPyAncGFzc3dvcmQnIDogJ3RleHQnKX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaWQsXG4gIGljb24sXG4gIGhhc0Vycm9yLFxuICBlcnJvck1lc3NhZ2UsXG4gIGlzUmVhZE9ubHksXG4gIGlzRGlzYWJsZWQsXG4gIHR5cGUgPSAndGV4dCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGljb25SZWYgPSBSZWFjdC51c2VSZWYobnVsbCk7XG4gIGNvbnN0IFtpbnRlcm5hbFR5cGUsIHNldEludGVybmFsVHlwZV0gPSBSZWFjdC51c2VTdGF0ZSh0eXBlKTtcblxuICBjb25zdCBpY29uV2lkdGggPSB1c2VXaWR0aChpY29uUmVmKTtcbiAgY29uc3QgaGFzVmlzaWJpbGl0eUJ1dHRvbiA9IHR5cGUgPT09ICdwYXNzd29yZCcgJiYgIWlzUmVhZE9ubHkgJiYgIWlzRGlzYWJsZWQ7XG4gIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGAke2ljb25PZmZzZXRQeCArIGljb25XaWR0aCArIGljb25UZXh0R2FwUHh9cHhgIDogdW5kZWZpbmVkO1xuICBjb25zdCBwYWRkaW5nUmlnaHQgPSBoYXNWaXNpYmlsaXR5QnV0dG9uID8gY29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0IDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uU2VjdGlvbj5cbiAgICAgICAgICAgIDxJY29uIHJlZj17aWNvblJlZn0gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICA8L0ljb25TZWN0aW9uPlxuICAgICAgICApfVxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIHR5cGU9e2ludGVybmFsVHlwZX1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnR9XG4gICAgICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNWaXNpYmlsaXR5QnV0dG9uICYmIChcbiAgICAgICAgICA8VmlzaWJpbGl0eUJ1dHRvbiBzZXRJbnRlcm5hbFR5cGU9e3NldEludGVybmFsVHlwZX0gaW50ZXJuYWxUeXBlPXtpbnRlcm5hbFR5cGV9IC8+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MC41fT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5UZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLnRleHRJbnB1dCxcbn07XG4iXX0= */"));
+})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkTGFiZWwsIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJY29uSGlkZSwgSWNvblNob3cgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB1c2VXaWR0aCB9IGZyb20gJy4uL2hvb2tzJztcblxuY29uc3QgaWNvbk9mZnNldFB4ID0gMTI7XG5jb25zdCBpY29uVGV4dEdhcFB4ID0gODtcblxuY29uc3QgSWNvblNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogYXV0bztcbiAgbGVmdDogJHtpY29uT2Zmc2V0UHh9cHg7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFZpc2liaWxpdHlCdXR0b24gPSAoeyBjaGlsZHJlbiwgaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGUsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgcmlnaHRPZmZzZXQgPSBgY2FsYygoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fSkgLyAyKWA7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICByaWdodD17cmlnaHRPZmZzZXR9XG4gICAgICB0b3A9XCIwXCJcbiAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBpY29uPXt0eXBlQW5kSWNvbk1hcFtpbnRlcm5hbFR5cGVdfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJbnRlcm5hbFR5cGUoaW50ZXJuYWxUeXBlID09PSAndGV4dCcgPyAncGFzc3dvcmQnIDogJ3RleHQnKX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0TGFiZWwgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmllbGRMYWJlbCB7Li4ucHJvcHN9PntjaGlsZHJlbn08L0ZpZWxkTGFiZWw+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaWQsXG4gIGljb24sXG4gIGhhc0Vycm9yLFxuICBlcnJvck1lc3NhZ2UsXG4gIGlzUmVhZE9ubHksXG4gIGlzRGlzYWJsZWQsXG4gIHR5cGUgPSAndGV4dCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGljb25SZWYgPSBSZWFjdC51c2VSZWYobnVsbCk7XG4gIGNvbnN0IFtpbnRlcm5hbFR5cGUsIHNldEludGVybmFsVHlwZV0gPSBSZWFjdC51c2VTdGF0ZSh0eXBlKTtcblxuICBjb25zdCBpY29uV2lkdGggPSB1c2VXaWR0aChpY29uUmVmKTtcbiAgY29uc3QgaGFzVmlzaWJpbGl0eUJ1dHRvbiA9IHR5cGUgPT09ICdwYXNzd29yZCcgJiYgIWlzUmVhZE9ubHkgJiYgIWlzRGlzYWJsZWQ7XG4gIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGAke2ljb25PZmZzZXRQeCArIGljb25XaWR0aCArIGljb25UZXh0R2FwUHh9cHhgIDogdW5kZWZpbmVkO1xuICBjb25zdCBwYWRkaW5nUmlnaHQgPSBoYXNWaXNpYmlsaXR5QnV0dG9uID8gY29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0IDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uU2VjdGlvbj5cbiAgICAgICAgICAgIDxJY29uIHJlZj17aWNvblJlZn0gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICA8L0ljb25TZWN0aW9uPlxuICAgICAgICApfVxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIHR5cGU9e2ludGVybmFsVHlwZX1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnR9XG4gICAgICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNWaXNpYmlsaXR5QnV0dG9uICYmIChcbiAgICAgICAgICA8VmlzaWJpbGl0eUJ1dHRvbiBzZXRJbnRlcm5hbFR5cGU9e3NldEludGVybmFsVHlwZX0gaW50ZXJuYWxUeXBlPXtpbnRlcm5hbFR5cGV9IC8+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpblRvcD17MC41fT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5UZXh0SW5wdXQuTGFiZWwgPSBUZXh0SW5wdXRMYWJlbDtcblxuVGV4dElucHV0LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy50ZXh0SW5wdXQsXG59O1xuIl19 */"));
 
 var VisibilityButton = function VisibilityButton(_ref) {
   var children = _ref.children,
@@ -81,20 +82,26 @@ var VisibilityButton = function VisibilityButton(_ref) {
   })));
 };
 
-export var TextInput = function TextInput(_ref2) {
-  var value = _ref2.value,
-      placeholder = _ref2.placeholder,
-      label = _ref2.label,
-      id = _ref2.id,
-      icon = _ref2.icon,
-      hasError = _ref2.hasError,
-      errorMessage = _ref2.errorMessage,
-      isReadOnly = _ref2.isReadOnly,
-      isDisabled = _ref2.isDisabled,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'text' : _ref2$type,
+export var TextInputLabel = function TextInputLabel(_ref2) {
+  var children = _ref2.children,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
+  return ___EmotionJSX(FieldLabel, props, children);
+};
+export var TextInput = function TextInput(_ref3) {
+  var value = _ref3.value,
+      placeholder = _ref3.placeholder,
+      label = _ref3.label,
+      id = _ref3.id,
+      icon = _ref3.icon,
+      hasError = _ref3.hasError,
+      errorMessage = _ref3.errorMessage,
+      isReadOnly = _ref3.isReadOnly,
+      isDisabled = _ref3.isDisabled,
+      _ref3$type = _ref3.type,
+      type = _ref3$type === void 0 ? 'text' : _ref3$type,
+      props = _objectWithoutProperties(_ref3, _excluded3);
+
   var iconRef = React.useRef(null);
 
   var _React$useState = React.useState(type),
@@ -132,6 +139,7 @@ export var TextInput = function TextInput(_ref2) {
     color: "danger"
   }, errorMessage)));
 };
+TextInput.Label = TextInputLabel;
 TextInput.propTypes = {
   id: PropTypes.string.isRequired,
   placeholder: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "6.3.9",
+  "version": "6.3.10",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",