@helpdice/ui 2.5.3 → 2.5.8-beta.0

package/dist/textarea/textarea.d.ts

@@ -14,6 +14,9 @@ interface Props {
     onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     className?: string;
+    error?: boolean;
+    helperText?: string;
+    label?: string;
     resize?: TextareaResizes;
 }
 type NativeAttrs = Omit<React.TextareaHTMLAttributes<any>, keyof Props>;

package/dist/tooltip/index.d.ts

@@ -1,3 +1,8 @@
 import Tooltip from './tooltip';
 export type { TooltipProps, TooltipOnVisibleChange, TooltipTypes, TooltipTriggers, TooltipPlacement, } from './tooltip';
-export default Tooltip;
+import SmallTooltip from './tooltip-small';
+export type TooltipComponentType = typeof Tooltip & {
+    Small: typeof SmallTooltip;
+};
+declare const _default: TooltipComponentType;
+export default _default;

package/dist/tooltip/index.js

@@ -1517,4 +1517,16 @@ var TooltipComponent = function TooltipComponent(_ref) {
 TooltipComponent.displayName = 'Tooltip';
 var Tooltip = withScale(TooltipComponent);
 
+var SmallTooltip = function SmallTooltip(props) {
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
+    font: 0.8,
+    px: 0.6,
+    py: 0.4
+  }, props), props.children);
+};
+SmallTooltip.displayName = 'Tooltip.Small';
+var SmallTooltip$1 = /*#__PURE__*/React.memo(SmallTooltip);
+
+Tooltip.Small = SmallTooltip$1;
+
 exports.default = Tooltip;

package/dist/tooltip/tooltip-small.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipProps } from './tooltip';
+declare const _default: React.NamedExoticComponent<TooltipProps>;
+export default _default;

package/dist/user/index.js

@@ -864,10 +864,12 @@ var safeText = function safeText(text) {
   if (text.length <= 4) return text;
   return text.slice(0, 3);
 };
+var errorImgLight = "data:image/webp;base64,UklGRj4SAABXRUJQVlA4IDISAADQrgGdASoABgAEPnk8nUqko6MhoLZIGJAPCWlu7rRyreBeTwOeyGlNdTuYpug7aRsMeP+7y95oBd3GnvNNZ06dOnTp06dOnTp06dOnTp06dNh/0v06dOnTp06dOhLZ2s6dOnTp06duov1FV9PcSCnuNPedsRs3D3Ef90VXy/18z3q+JcHcxLB4FeubNKUhY0+i/Ep06dOnTp06dOnTgOh7UfuNPeaax/Pt2Rg2kgQDSILal9EBVsuWjon947PdWA1Y/06kf/JhnuNPeaazp06dOnYQRJ06dOnTgPRHrn1EvLb+BV3vvm2F+eqYgKq+nuNNRAPeaazpwHQ5Eae801nTp06dOnTp06P5q5hp9KAmb13mszI0DQYV3sx2oTT3mmtI/+HnGUA95prOnTp06dOnTp06dOnTqB3mIDuoAJm7NerKB7dUgE5iA4vNNQOh7TWdOnTp06gd7jT3mmtA73GoAVV9PcSKBPeWDmH7KZhhBn5YgkvpcHtNZ06dOnTp06dOnTp06dOnTp2zr6IrBCJ7TWdOwdzEgW5/tb4CvEXV7x+kCU6dOpH/w84ygHvNNZ06dOoHfAr06dOj0IhutqKWlm/ZNyqBnjjUPsOqxstz44otDkgHvOAmUA95prOnTp04DolawFNh9LsAAgjD/aEhVlSwXaN5Bbhdw2UAUTFDg8b6CP79lLprOnUDvgXDlsAoCqgAnqo8nZVfT3GnvJ7T3URIKe40+F6vlgAC7YWG9rBy6AehL8GVaerzOIaGLzS7z0qvp8CvAdMSb9r086sBqx/p06PuUPaXblD2ms6dRbuL/CwMYJjKVOKP8qlTo+PxtdiAgBcjPg9pd56VX0ynSRQhTvQuIyu1SfYqXJ7zTWdOnTp06dOnTo76hmmnsAbPo7TEd1z0O1eGFhrMBQWEGZBW1qHnBpu2VX08sG6Rg5fEiDQaOU2+qs0rP1DsPdRGnvNNZ06dOnTgOh7OM7y5yFPy22NEcc9Q+bTnYJOtZxdlQnIygGpeu89GwY2fRfih7jX4DEw2JQ9prOnTp06cB0CqgGogHoQAMiI/pW43hDuNQWtU5CFYMOtCQR/pwHTHPUCJglOsLcu6AXpVfT3GnvNNZ0fcoe0u3KHtNPPxcVQr9Mx7ccjQcnoIOkD7k8q4vNLtyh7OUDURnJIDum5ijVu5S0j/4ecZPAU9xqDRP+nTo5Xub2+06mT/qKQQGyz8mZ4TYMoB7zgJlAPeTcsiLdd8cArdxmttCt4FAPeaazp06dOnTo5XqRZMznFzWdOnTpv0aVF93+nTpv0gUO9r1DNNz3GwarkJS4Paazp06dOnTp06dOnTpvsAIxytN7jT3mms6dpIh8W5n+nTpv1Bf0k1oHgRjwIf0gSoHe4095Pae801nTp06dOnTfeF8ih7TWcB0Paax0kH4095prOoHe45EtzDeJbCM4c8k095pduUPZ06Hs6tvDzjJ3YWCbqI09GqoGnuAgWLiP9OnR/XRVfUCH9IFDvgi2U7M5D3GnvJ7Nw9xmsw+oqvp5WK1E1RO9xp7qFtVnTfp04e801nUDvcaehyvbneYhuwB7zTT7AHRhYDUOycB0PaazpIhTtJHDe4095prOnRxl1CXiq+nuM1imUnq+oEY9xH+wgiUUf4ed8xqC1pdpx+oqvp7iLPpla0W8wHnGUHu8zh5jqzp06dOoH3+0kCXPgQasthcsvIjT3k9p7zTWdu40qvp7jT0D5sB4Dw4ygHvNNZ03z/4iGaJ7zTWdHcu3h5hHyP1Bz5rRIFG0B5xk8BTJ2VX09xp7zTWO5KRCDj6prOnTp06dH0w/RMPkxCkhimVX09r1DNNY/n3NVzdg5cHum/UVX09rv6e4095prOnR1I40RO9xp8qf9OnTo7Jw95prOj+elV9PMQHdyEca/PSqf9RVP+Lms6cB0PaazpvuTeih7jT3mmtA73GaxI2frklV9PcZuxe096xN3ZeIPcICeiKZVfTJ2VT/qKp/1FV9PcaaMf/JtFtRVQMzmDuNbhD47GVX09xp8Ly2/czDicxRAqpySAsh7jNw9xIKeX5Szp06dOm+/59mx84yeAp8XJ739QceGqJW9i801nTo/npct0yfr3NEiKjlwe01nAcgQD3mdQNiP9OnTpviHyQU4gnn/wHF5pp9D3q0eQ9prOnTp06dOBbfAs/GXGPeXnGUA1DwFPa2VYt7jT3mmnuEgWJNxLn1m0ws8Djg4zAZqmC28BHDq+nuNPeT0iggdcL8+6IzyGjZboed7wPAG3Fp7zS7coe01nTo4KvxgMkTvK2Kx/p06dN+gYevYSmsxU95prOnR9QLe4kTyYw9nBWlPlenTo+5pMmcXPhJOnTp06dN9q8gC1M/6UWT/p0cKSiCKH3UVX09xpqXx+40+DOSQLRD6pTC801A6Y56e5+yHuNPeaazpvv5OMAnKSd2WTT3kyjV+blD2ms6dOj+auYaeqs0zEkcvpAvuZqHf/dFaNKAe6iNPeaazp03zEZFwLzo3uNPeaaeik9jCEK+nuNPeaXeelV9Xtwh3Gq3WYdRVQU2UtKB0Pacn/w84ygHvJlCq+H16azp06OmUtgN9GTT3mms6dOnAtvC0GMTjjWjflg3X+LzS7gSKp9RWjSgHvNNZ06b7mdWIZOyqf9Q0ssFvNNZ06dOnAt3qfTJ1CTCB7vW+A4o1UvZ5prs6iqf9RVfT3GnumDVh7jTUQD0Mp5Tp06dOnTp06dOA9HynO9zEsHi68Ld9Pi5qByAPLOh7TWdOnR4/gYKKZVfLhAvKoz3mms6dH89Kr5gFZVfVxr8DONlSyHuNNRAZPNNPsLe4095prcunFWyq+X5OSlEnTp06dOnTp06P5r9VrJ1Az8qMwI9xP986w0jpOnTpv2Fvcae8009gr5JOHvNNZ1yunZyD3mms6cC28POBdPa0LmfYtmlOmmogHwwFjKD3eT0gp7jT3mmscKL3tFCvWHGUA9k4iYacGkZQD3mmoLbw84GdPiwZySA4vWHIiae804cqVfUHRD6BCSdOnTo7gr2QT0/UN9rOjuRlqECTKzDsDHJKr6e4095pqBx5HmoOLn6WEEQDoe01j7lAqoBpuRzWdOnRwM7TlpfH5fp06dOnbkmE16BViEsF5xeaagtvDzgZxtb9xqAS8TxBdMGYlJ84Svpzk4t5gnIvcZqHeXpH+JS9wv8Knn/S6RShJOnTp26goZ0g860wXIJMsP1DR7i6iNPeaXeewfuARKB3umch7n7MWEraiq+t/tPD1QjgEHLnzcf/Lgy9X1zH+oHgRAW3h5yKyodR4g34AVp4mLUJJ06dOnR/NfqzxGZmowc/+BSg4RF8DW24095pp7AFI//y17PdegJ4A7HWnwJU9Ba01nTfsg3OWcIKPWP1GPeJ1IBg2e1PAVD800gx7729PH3gbR/z+nNLHBQbG7u85hRxSf17IV/+zjnOeYL+fjc09prg5iA4vNNZ2yVAwNElgvQ7JGpiM9PcahV8BOvMk1wf7SgGmn33KHtU+l7N4RR6t4fjJgZer6Qj/TqB3uNQrGJuI2Oh7TWdskbWVMcm7Z6WYqkXNQWtQ7Jv0gSBbeHnF0Cq+X+orRqC8fgeP/6sdfSUSCQh3HxXmms6gd5gPOMoB7pnCESLQHLCG8ydkjUTPa7+YL2O7IntNzvMCGl795yGKRgOgUwiPZDZ7IZSAkO1nTp2zqhJ9PcZuyOnQ9prOnTp06h40MhWchMXPI07JEiOEAQ69eMTBrApxyXj/p20KDiNELeJZa9AEFZVfUCJOnTp06dOnUUf4y4PaoHRuMJABf0k9UKEKyn09rg7jTUomyb3+ntdnUYWMqgVloCqiQe86Io/4DkBUtLOj71vELriP9OnUXSZOATzNzqACqvmC9kitQHfrxZGt/tKKO2dIpv54yRPSfH7jT3rDjKAq2pfRMlmyq/uAQAqr6er8Hf+OST54cH6JH4ua4d2rptAmn2egcZRvDnHBREXtuniMG2QWQIB8LyqO1nYO41ACqv0k1oHZOylNFAdhyAByi7HPIyhRXwerbxDLUfORE01A5ehWdL1PBm7jT3mmuEUzzUQD3mm53uNPeaa0FElxc8EjlPAngJgwrWzZ6e4zeksBMLGuEepiH9i4j/Tp04IUgj/YO41Vsqvq4mp/h5xlAVbGrPK6d7d/R3ig7p9prH299ZWP2guJPbE5zr9Xy/+zTSQVX09xp7PssJQ95wEygHvPAU6dN929ikwgJvrnz5uXLXkGw1COr5p0P0QP+G4ZVfUJTUA7ZF7jNw9xm4e4095prOoHe409CW3ih3TwD7D5VCnjTM34tQdyXs86b9tvT6xIC5QUEf6d35CWS4PTp06d5zZdXVz8UUSazp06dOjsnqa5nZb0O8ESBaMwpfZEKAZPNUESkGsF0iKZ+GaafUDg9prOnAdXMs3uO8LWr3UVX09zEfY8loyNfjTKsw8o6qkvcGIChSz4F5OpPJhNLf3GnvNNZ06dOnTp1FH+HnGbthSCP9OnA0uc6TLvZkAHe5iXnKACZQgl5qoFGzfLYpxo6QCtqKr6e4095qP3Gbh7iRQQa/F0Cq+nuNOxsQWGT9AND84/2wHTAAD++s05gfTJshQVJ80G/HnCQ8qXwmsm7fxU/ajFBYC9le0FVUpSF7q9rndYxj1BacEhT25wAtoAlqU7lXB5JU/oAAfPGRxPKf8zgCAAAQ4OpGEov+qgAABCXDJVf8E8Ci8glALOB/aJN/fRBks7JAA0237baPa6/wiACC+YePJOC9YjxWDb6wwoOTGCLwwYaGyFQm0iPBMQlvr+jQAE6huLj6IBKvfZx1f3TcHRN9dMVdNwdjE/KgYB+FIKEoAABzedz97GZr4lyoxDudoimohWEAjlQLYMQABsUsliWQnD1umfmTF0t44jEOZx/6AUp+MbBJtuTSrBgMnJShOebUPFD5CuVfUaP8L6eVe+Gwvi5aUkdBfqVHaMWJQDjuBEe4A8xHtnmuYWmTY6ljj1CwmSQSUmWTMXhdUVOJEHbH8EE9iGCPdz9/cDuQvYptohEUiDgg+nulkmVK4ZdcJ5eFG6krhEETEH0yx3FQpiGsuJ+6EyYLAfQhdpRLdAmCVJiRd6XrITXNROmGsFOktscRjaKbALyEB6WyrOIJSShLoOUQksbWVZqwfb3CPq1BRh5kgzrwgAE8tysg3fDtqAAAAcJR9avGgpJrpuwYC0AZxykeZJAUMJvJGEHzwqAfpIoIYQhfmDo3Al0N0f+j7ZJC4wB5ZPk6rM7N3lnTeJaUi+UOFWyVDsgERpBwi4cVmqWgKcAHnaVfkxmW0xCLAB+bB5sRhkAEiG9tx2EgAWTlGosmEYxVdWmmQpONIxGXpMhCG8AAAdCxXUOuGWzZgt60IYE/25AEcAAqImgAPBKVNimuXwCOSUYEYlSsDQtCsHSuaijsCldbjzd8oRaIKSmB5AoBjZR3jyrnL5sYgADLwOMcAHQgucgi1HSYcRoOLyr5GCruNFhKF6qXQh6GSA2DTm0dn9N2g8rC/5CBg887qoLx1gpMmMDTxdHs2QUJdzZzPL+dkXeofypTaeQGoghx2yubC5hDDAD0RfGpdJlXRHgrgiAdwwAlgJhczifX8pcbWGRu7cTOmgalDRheTmm0z+jAxvvF0PsLmVp9iEPlzjnp6gmF/vkcAovgv4B7uqRwP7XytCHTEvF0efM1YVT/j46BIY14RiyP0R4vQtd1vNFCRylQEAebdsOwYNvrDEvGMkLF/TcGOw1+aBSxk+Bno9QIYVC8UPB5kwaWAOm4Nb+9s69NwUwctE567v8GIBBQEeK5XAHqYC829o31b1mFzqYXMwuDHHBB3Op6Z+2vqvQPB0pf1KoPTcGy2g0jxdHEvFtcxdikfuOYq8HOThPWwqPRF5h6Irv8S1ZY78Dlz7uznw9V9GeXM5leqkPebvffaKvcfCwN34F6XMnPqoKtLIUqJ4AApthMTfsynMj5NpyoH6ZwGrSJck52HeMDkA6YN2j6WjL/yTuUQzTZGrAT59xKvENYDbAvcJFIdQU1oYgJkeb1blCAlwV6CL6T/WnyATh3QIbmH6GCDw3MaPUst5kL+lweRb0K214mFONl4z19M5pSFyNYaSdCCjmyke4qL2cCVaVbjyjllw5l9Jfnammva2R+aiDpCmcAEGHMvqk62481X/uJ6G1TNh8tx6JAAAAA==";
+var errorImgDark = "data:image/webp;base64,UklGRggDAABXRUJQVlA4IPwCAAAQIQCdASoTAbcAPm02l0ikIyIhJX44AIANiWlu4E1KTt+5o+dNz5KQmunMAEWeLdn4fSlkZb8GexjRU/Ou84xRfScFqpt1u/JfQimZ639RtU7B2bKXSFGVnfq0bg1GzUCqaT6a2+VsoXbVBjLTqr7jY6R5jiaWPahSeFDpWKJYbXvcWjuqlJ0T7n1xVigXAsPFMpiRrpEsJcOUMSMn58RykEMNydMv7kFV2nEw1EMYS+N8othCiqn0DIXlNqEzN1PfKhB451H/5NH9LmmehOq8SSsQgDkUuPgBPRMHvMr4UcbkeF8/J3IqtrvbpxaNSDSO70Xn9ptfVuxDqvt3RXfcdc8qNkGTF6ljEaNyd57ToAAA/vlmpfvJUdX+gHYSAAv/2ax8aWf6hojTaLFUrpvZggugZ4stRlPWFwsNa+y2tuY/CRLJV/AVFJ2EWOonLtEM81iwHxgdKlJag39ZeUofXsvT5YVzmtqSww/m9RgEFcu4qtE0/EsyritDLQUbFYHMhrzGwsyuPVneeB7W+j4fRY30ZEy3bHBPJiCtgbC/upgO7mI8j3qnbY+K0b/xffatY7sIdVXb0zPhQHzsRw5OVc5a0fzVPpYJdSsPs8el3yLSzBFgXRPApkW/LJWxhVQiXJqFZ+WclqioLswepUNm/TpZ15O4KhXRzBHghsFctp+iLScSxp5YQ1Vkls1wL58PK/+4YNmshD0T4DY6zl306cJCYGt4IA4nNZ1BpTwWNEd//w/317synowZdTvPyWXrcXwadvui2tWSHDchOkZ/svXH/7jwIgZHngPkcMfQgPqUv+8ZFnPpT2SNG41gxntCp1aP2PzeNVnVA2lNhOe2BwyseNoBlUXXsoA1GfZ/PW+eb0sgrlro4GSOMj4M4EefnJGImmcamKiRZ1rx+eeB30MuoShhP6xOCgAAyzagBecwOkVfwVrmYPOkkMFLeVRm1TamamDugJyzpWgR7Q+PiVX20fvrmVXNdsnJ/DpmqwRtxjUGtPobFIQAAA==";
 var AvatarComponent = function AvatarComponent(_ref) {
-  var src = _ref.src,
-    errorSrc = _ref.errorSrc,
-    _ref$stacked = _ref.stacked,
+  var src = _ref.src;
+    _ref.errorSrc;
+    var _ref$stacked = _ref.stacked,
     stacked = _ref$stacked === void 0 ? false : _ref$stacked,
     _ref$text = _ref.text,
     text = _ref$text === void 0 ? '' : _ref$text,
@@ -878,6 +880,7 @@ var AvatarComponent = function AvatarComponent(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$3);
   var theme$1 = theme.useTheme();
+  var fallbackSrc = theme$1.type === 'dark' ? errorImgDark : errorImgLight;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var showText = !src;
@@ -886,18 +889,17 @@ var AvatarComponent = function AvatarComponent(_ref) {
   var classes = theme.useClasses('avatar', className);
   return /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement("img", _extends({
+  }, !text || !showText ? /*#__PURE__*/React.createElement("img", _extends({
     alt: "avatar",
-    src: src,
+    src: src !== null && src !== void 0 ? src : fallbackSrc,
     draggable: false
   }, props, {
     onError: function onError(e) {
-      var target = e.currentTarget;
-      target.onerror = null; // prevent loop
-      target.src = errorSrc !== null && errorSrc !== void 0 ? errorSrc : "https://helpdice.com/avatar.webp";
+      e.currentTarget.onerror = null; // prevent loop
+      e.currentTarget.src = fallbackSrc;
     },
     className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  })), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  })) : null, showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
     className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
   }), text ? safeText(text) : children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2295275975",

package/esm/avatar/avatar.js

@@ -17,6 +17,8 @@ var safeText = function safeText(text) {
   if (text.length <= 4) return text;
   return text.slice(0, 3);
 };
+var errorImgLight = "data:image/webp;base64,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";
+var errorImgDark = "data:image/webp;base64,UklGRggDAABXRUJQVlA4IPwCAAAQIQCdASoTAbcAPm02l0ikIyIhJX44AIANiWlu4E1KTt+5o+dNz5KQmunMAEWeLdn4fSlkZb8GexjRU/Ou84xRfScFqpt1u/JfQimZ639RtU7B2bKXSFGVnfq0bg1GzUCqaT6a2+VsoXbVBjLTqr7jY6R5jiaWPahSeFDpWKJYbXvcWjuqlJ0T7n1xVigXAsPFMpiRrpEsJcOUMSMn58RykEMNydMv7kFV2nEw1EMYS+N8othCiqn0DIXlNqEzN1PfKhB451H/5NH9LmmehOq8SSsQgDkUuPgBPRMHvMr4UcbkeF8/J3IqtrvbpxaNSDSO70Xn9ptfVuxDqvt3RXfcdc8qNkGTF6ljEaNyd57ToAAA/vlmpfvJUdX+gHYSAAv/2ax8aWf6hojTaLFUrpvZggugZ4stRlPWFwsNa+y2tuY/CRLJV/AVFJ2EWOonLtEM81iwHxgdKlJag39ZeUofXsvT5YVzmtqSww/m9RgEFcu4qtE0/EsyritDLQUbFYHMhrzGwsyuPVneeB7W+j4fRY30ZEy3bHBPJiCtgbC/upgO7mI8j3qnbY+K0b/xffatY7sIdVXb0zPhQHzsRw5OVc5a0fzVPpYJdSsPs8el3yLSzBFgXRPApkW/LJWxhVQiXJqFZ+WclqioLswepUNm/TpZ15O4KhXRzBHghsFctp+iLScSxp5YQ1Vkls1wL58PK/+4YNmshD0T4DY6zl306cJCYGt4IA4nNZ1BpTwWNEd//w/317synowZdTvPyWXrcXwadvui2tWSHDchOkZ/svXH/7jwIgZHngPkcMfQgPqUv+8ZFnPpT2SNG41gxntCp1aP2PzeNVnVA2lNhOe2BwyseNoBlUXXsoA1GfZ/PW+eb0sgrlro4GSOMj4M4EefnJGImmcamKiRZ1rx+eeB30MuoShhP6xOCgAAyzagBecwOkVfwVrmYPOkkMFLeVRm1TamamDugJyzpWgR7Q+PiVX20fvrmVXNdsnJ/DpmqwRtxjUGtPobFIQAAA==";
 var AvatarComponent = function AvatarComponent(_ref) {
   var src = _ref.src,
     errorSrc = _ref.errorSrc,
@@ -31,6 +33,7 @@ var AvatarComponent = function AvatarComponent(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
+  var fallbackSrc = theme.type === 'dark' ? errorImgDark : errorImgLight;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var showText = !src;
@@ -39,18 +42,17 @@ var AvatarComponent = function AvatarComponent(_ref) {
   var classes = useClasses('avatar', className);
   return /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement("img", _extends({
+  }, !text || !showText ? /*#__PURE__*/React.createElement("img", _extends({
     alt: "avatar",
-    src: src,
+    src: src !== null && src !== void 0 ? src : fallbackSrc,
     draggable: false
   }, props, {
     onError: function onError(e) {
-      var target = e.currentTarget;
-      target.onerror = null; // prevent loop
-      target.src = errorSrc !== null && errorSrc !== void 0 ? errorSrc : "https://helpdice.com/avatar.webp";
+      e.currentTarget.onerror = null; // prevent loop
+      e.currentTarget.src = fallbackSrc;
     },
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  })), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  })) : null, showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
   }), text ? safeText(text) : children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2295275975",

package/esm/button/button.icon.d.ts

@@ -8,7 +8,6 @@ type CompactButtonProps = {
     scale?: number;
     type?: any;
     style?: CSSProperties;
-    a?: boolean;
     target?: string;
     color?: ButtonTypes;
     onClick?: () => void;

package/esm/button/button.js

@@ -166,7 +166,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, to ? /*#__PURE__*/React.createElement("a", _extends({
     href: to
   }, props, {
-    className: _JSXStyle.dynamic([["3965326317", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', 'btn-link', className) || "")
+    className: _JSXStyle.dynamic([["331518307", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', 'btn-link', className) || "")
   }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
   }), childrenWithIcon) : /*#__PURE__*/React.createElement("button", _extends({
@@ -175,7 +175,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     disabled: disabled,
     onClick: clickHandler
   }, props, {
-    className: _JSXStyle.dynamic([["3965326317", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
+    className: _JSXStyle.dynamic([["331518307", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
   }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
   }), childrenWithIcon, dripShow && /*#__PURE__*/React.createElement(ButtonDrip, {
@@ -184,9 +184,9 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     color: dripColor,
     onCompleted: dripCompletedHandle
   })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3965326317",
-    dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
-  }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn-link.__jsx-style-dynamic-selector{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));
+    id: "331518307",
+    dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
+  }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor !== null && cursor !== void 0 ? cursor : 'pointer', ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn-link.__jsx-style-dynamic-selector{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));
 });
 ButtonComponent.displayName = 'Button';
 var Button = withScale(ButtonComponent);

package/esm/button/button.small.d.ts

@@ -8,7 +8,6 @@ type SmallButtonProps = {
     scale?: number;
     type?: any;
     style?: CSSProperties;
-    a?: boolean;
     target?: string;
     color?: ButtonTypes;
     onClick?: () => void;

package/esm/button/button.small.js

@@ -12,19 +12,17 @@ var SmallButton = function SmallButton(_ref) {
     type = _ref.type,
     style = _ref.style,
     onClick = _ref.onClick,
-    to = _ref.to,
-    a = _ref.a;
+    to = _ref.to;
   // const theme = useTheme();
   return /*#__PURE__*/React.createElement(Button, {
     to: to,
-    a: a,
     icon: icon,
     style: style,
     type: type,
     onClick: onClick,
     auto: true,
     scale: scale,
-    py: 0.6,
+    px: 0.6,
     iconRight: iconRight
   }, children);
 };

package/esm/input/input-field.js

@@ -13,6 +13,7 @@ import InputLabel from './input-label';
 import InputBlockLabel from './input-block-label';
 import InputIcon from './input-icon';
 import InputClearIcon from './input-icon-clear';
+import Text from '../text';
 import { getColors } from './styles';
 import useScale, { withScale } from '../use-scale';
 var simulateChangeEvent = function simulateChangeEvent(el, event) {
@@ -143,11 +144,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputProps = _extends({}, props, controlledValue);
   var defaultWidth = fullWidth ? '100%' : 'initial';
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + "with-label"
+    className: _JSXStyle.dynamic([["1343268165", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + "with-label"
   }, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-container', className) || "")
+    className: _JSXStyle.dynamic([["1343268165", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-container', className) || "")
   }, label && /*#__PURE__*/React.createElement(InputLabel, null, label), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-wrapper', {
+    className: _JSXStyle.dynamic([["1343268165", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-wrapper', {
       hover: hover,
       disabled: disabled
     }, labelClasses) || "")
@@ -165,7 +166,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     autoComplete: autoComplete,
     onKeyDown: handleKeyDown
   }, inputProps, {
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses({
+    className: _JSXStyle.dynamic([["1343268165", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses({
       disabled: disabled
     }, iconClasses) || "")
   })), clearable && /*#__PURE__*/React.createElement(InputClearIcon, {
@@ -177,8 +178,9 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, iconProps))), labelRight && /*#__PURE__*/React.createElement(InputLabel, {
     isRight: true
   }, labelRight), /*#__PURE__*/React.createElement("br", {
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]])
-  })), helperText && /*#__PURE__*/React.createElement("p", {
+    className: _JSXStyle.dynamic([["1343268165", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]])
+  })), helperText && /*#__PURE__*/React.createElement(Text, {
+    font: 0.8,
     style: {
       marginTop: 0.4,
       marginRight: 0,
@@ -186,11 +188,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       marginBottom: '0.4rem',
       textAlign: 'left'
     },
-    className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
+    color: error ? "error" : 'default'
   }, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2582554466",
+    id: "1343268165",
     dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]
-  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_1, ";border-color:").concat(theme.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
+  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_1, ";border-color:").concat(theme.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
 });
 InputComponent.displayName = 'Input';
 var Input = withScale(InputComponent);

package/esm/pagination/pagination-item.js

@@ -14,7 +14,7 @@ var PaginationItem = function PaginationItem(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   var _useMemo = useMemo(function () {
-      return [addColorAlpha(theme.palette.success, 0.1), addColorAlpha(theme.palette.success, 0.8)];
+      return [addColorAlpha(theme.palette.accents_7, 0.1), addColorAlpha(theme.palette.accents_7, 0.8)];
     }, [theme.palette.success]),
     _useMemo2 = _slicedToArray(_useMemo, 2),
     hover = _useMemo2[0],
@@ -28,15 +28,15 @@ var PaginationItem = function PaginationItem(_ref) {
     onClick && onClick(event);
   };
   return /*#__PURE__*/React.createElement("li", {
-    className: _JSXStyle.dynamic([["1657796974", [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]])
+    className: _JSXStyle.dynamic([["3250617587", [theme.palette.accents_7, theme.layout.radius, theme.palette.background, hover, theme.palette.accents_6, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]])
   }, /*#__PURE__*/React.createElement("button", _extends({
     onClick: clickHandler
   }, props, {
-    className: _JSXStyle.dynamic([["1657796974", [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]]) + " " + (props && props.className != null && props.className || classes || "")
+    className: _JSXStyle.dynamic([["3250617587", [theme.palette.accents_7, theme.layout.radius, theme.palette.background, hover, theme.palette.accents_6, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]]) + " " + (props && props.className != null && props.className || classes || "")
   }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1657796974",
-    dynamic: [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
-  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.success, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.success, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
+    id: "3250617587",
+    dynamic: [theme.palette.accents_7, theme.layout.radius, theme.palette.background, hover, theme.palette.accents_6, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
+  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.accents_7, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.accents_6, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
 };
 PaginationItem.displayName = 'PaginationItem';
 export default PaginationItem;

package/esm/select/select.d.ts

@@ -23,6 +23,8 @@ interface Props {
     dropdownClassName?: string;
     dropdownStyle?: CSSProperties;
     disableMatchWidth?: boolean;
+    error?: boolean;
+    helperText?: string;
     onDropdownVisibleChange?: (visible: boolean) => void;
     getPopupContainer?: () => HTMLElement | null;
 }

package/esm/select/select.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "fullWidth", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "getPopupContainer", "onDropdownVisibleChange"];
+var _excluded = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "fullWidth", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "helperText", "error", "getPopupContainer", "onDropdownVisibleChange"];
 import _JSXStyle from "../styled-jsx.es.js";
 /* "use client" */
 
@@ -13,6 +13,7 @@ import SelectIcon from './select-icon';
 import SelectDropdown from './select-dropdown';
 import SelectMultipleValue from './select-multiple-value';
 import Grid from '../grid';
+import Text from '../text';
 import { SelectContext } from './select-context';
 import { getColors } from './styles';
 import SelectInput from './select-input';
@@ -44,6 +45,8 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
     dropdownStyle = _ref.dropdownStyle,
     _ref$disableMatchWidt = _ref.disableMatchWidth,
     disableMatchWidth = _ref$disableMatchWidt === void 0 ? false : _ref$disableMatchWidt,
+    helperText = _ref.helperText,
+    error = _ref.error,
     getPopupContainer = _ref.getPopupContainer,
     _ref$onDropdownVisibl = _ref.onDropdownVisibleChange,
     onDropdownVisibleChange = _ref$onDropdownVisibl === void 0 ? function () {} : _ref$onDropdownVisibl,
@@ -212,7 +215,17 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
     className: _JSXStyle.dynamic([["1795507141", [disabled ? 'not-allowed' : 'pointer', border, theme.layout.radius, disabled ? theme.palette.accents_1 : theme.palette.background, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, fullWidth ? '100%' : 'initial'), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), disabled ? theme.palette.border : borderActive, disabled ? theme.palette.accents_5 : borderActive, disabled ? theme.palette.accents_4 : theme.palette.foreground, placeholderColor, theme.layout.gapQuarter, visible ? '180' : '0', iconBorder]]]) + " " + "icon"
   }, /*#__PURE__*/React.createElement(Icon, {
     className: _JSXStyle.dynamic([["1795507141", [disabled ? 'not-allowed' : 'pointer', border, theme.layout.radius, disabled ? theme.palette.accents_1 : theme.palette.background, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, fullWidth ? '100%' : 'initial'), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), disabled ? theme.palette.border : borderActive, disabled ? theme.palette.accents_5 : borderActive, disabled ? theme.palette.accents_4 : theme.palette.foreground, placeholderColor, theme.layout.gapQuarter, visible ? '180' : '0', iconBorder]]])
-  })))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  })))), helperText && /*#__PURE__*/React.createElement(Text, {
+    font: 0.8,
+    style: {
+      marginTop: 0.4,
+      marginRight: 0,
+      marginLeft: 0,
+      marginBottom: '0.4rem',
+      textAlign: 'left'
+    },
+    color: error ? "error" : 'default'
+  }, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1795507141",
     dynamic: [disabled ? 'not-allowed' : 'pointer', border, theme.layout.radius, disabled ? theme.palette.accents_1 : theme.palette.background, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, fullWidth ? '100%' : 'initial'), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), disabled ? theme.palette.border : borderActive, disabled ? theme.palette.accents_5 : borderActive, disabled ? theme.palette.accents_4 : theme.palette.foreground, placeholderColor, theme.layout.gapQuarter, visible ? '180' : '0', iconBorder]
   }, ".select.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;position:relative;cursor:".concat(disabled ? 'not-allowed' : 'pointer', ";max-width:90vw;overflow:hidden;-webkit-transition:border 150ms ease-in 0s,color 200ms ease-out 0s, box-shadow 200ms ease 0s;transition:border 150ms ease-in 0s,color 200ms ease-out 0s, box-shadow 200ms ease 0s;border:1px solid ").concat(border, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(disabled ? theme.palette.accents_1 : theme.palette.background, ";--select-font-size:").concat(SCALES.font(0.875), ";--select-height:").concat(SCALES.height(2.25), ";min-width:11.5em;width:").concat(SCALES.width(1, fullWidth ? '100%' : 'initial'), ";height:var(--select-height);padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0.334), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0.667), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.multiple.__jsx-style-dynamic-selector{height:auto;min-height:var(--select-height);padding:").concat(SCALES.pt(0.334), " ").concat(SCALES.pr(0.334), " ").concat(SCALES.pb(0.334), " ").concat(SCALES.pl(0.667), ";}.select.active.__jsx-style-dynamic-selector,.select.__jsx-style-dynamic-selector:hover{border-color:").concat(disabled ? theme.palette.border : borderActive, ";}.select.active.icon.__jsx-style-dynamic-selector,.select.__jsx-style-dynamic-selector:hover .icon.__jsx-style-dynamic-selector{color:").concat(disabled ? theme.palette.accents_5 : borderActive, ";}.value.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0;margin-right:1.25em;font-size:var(--select-font-size);color:").concat(disabled ? theme.palette.accents_4 : theme.palette.foreground, ";width:calc(100% - 1.25em);}.value.__jsx-style-dynamic-selector>div,.value.__jsx-style-dynamic-selector>div:hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}.placeholder.__jsx-style-dynamic-selector{color:").concat(placeholderColor, ";}.icon.__jsx-style-dynamic-selector{position:absolute;right:").concat(theme.layout.gapQuarter, ";font-size:var(--select-font-size);top:50%;bottom:0;-webkit-transform:translateY(-50%) rotate(").concat(visible ? '180' : '0', "deg);-ms-transform:translateY(-50%) rotate(").concat(visible ? '180' : '0', "deg);transform:translateY(-50%) rotate(").concat(visible ? '180' : '0', "deg);pointer-events:none;-webkit-transition:-webkit-transform 200ms ease;-webkit-transition:transform 200ms ease;transition:transform 200ms ease;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:").concat(iconBorder, ";}")));

package/esm/table/table-body.d.ts

@@ -7,7 +7,6 @@ interface Props<TableDataItem extends TableDataItemBase> {
     onCell?: TableOnCellClick<TableDataItem>;
     data: Array<TableDataItem>;
     className?: string;
-    textPlaceholder?: boolean;
     rowClassName: TableRowClassNameHandler<TableDataItem>;
     rowDraggable?: boolean;
     readOnly?: boolean;
@@ -16,7 +15,7 @@ interface Props<TableDataItem extends TableDataItemBase> {
 type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props<any>>;
 export type TableBodyProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;
 declare const TableBody: {
-    <TableDataItem extends TableDataItemBase>({ data, emptyText, onRow, onCell, rowClassName, textPlaceholder, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
+    <TableDataItem extends TableDataItemBase>({ data, emptyText, onRow, onCell, rowClassName, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
     displayName: string;
 };
 export default TableBody;

package/esm/table/table-body.js

@@ -4,7 +4,7 @@ import _JSXStyle from "../styled-jsx.es.js";
 import React, { useState } from 'react';
 import { useTheme, useClasses } from '@helpdice/theme';
 import _ from 'lodash';
-import Placeholder from '../placeholder';
+// import Placeholder from '../placeholder';
 import TableCell from './table-cell';
 import { useTableContext } from './table-context';
 import { DataTable } from '@helpdice/pro';
@@ -14,7 +14,6 @@ var TableBody = function TableBody(_ref) {
     onRow = _ref.onRow,
     onCell = _ref.onCell,
     rowClassName = _ref.rowClassName,
-    textPlaceholder = _ref.textPlaceholder,
     _ref$rowDraggable = _ref.rowDraggable,
     rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     _ref$readOnly = _ref.readOnly,
@@ -116,15 +115,21 @@ var TableBody = function TableBody(_ref) {
       dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
     }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(2.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
   }
-  if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
-    return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-      colSpan: columns === null || columns === void 0 ? void 0 : columns.length
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Placeholder, {
-      empty: true,
-      textOnly: textPlaceholder,
-      msg: "No Entries Found"
-    })))));
-  }
+
+  // if (data?.length === 0) {
+  //   return (
+  //     <tbody>
+  //       <tr>
+  //         <td colSpan={columns?.length}>
+  //           <div>
+  // <Placeholder empty textOnly={textPlaceholder} msg="No Entries Found" />
+  //           </div>
+  //         </td>
+  //       </tr>
+  //     </tbody>
+  //   )
+  // }
+
   return /*#__PURE__*/React.createElement("tbody", {
     className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
   }, data.map(function (row, index) {

package/esm/table/table.d.ts

@@ -25,6 +25,7 @@ interface Props<TableDataItem extends TableDataItemBase> {
     previousCursor?: string;
     nextCursor?: string;
     hasMore?: boolean;
+    containerStyle?: object;
     onNextPage?: (next?: string) => void;
     onPreviousPage?: (prev?: string) => void;
 }