@flodesk/grain 6.8.1 → 6.9.0

package/es/components/text-button.js

@@ -3,7 +3,7 @@ import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type"];
+var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -16,7 +16,15 @@ import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { getClearButtonStyles } from '../foundational';
 import { types } from '../types';
+import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var xPadding = "8px";
+var xPaddingNegative = "-".concat(xPadding);
+var trimSideStyles = {
+  left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+fVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG59O1xuIl19 */"),
+  right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8V3JhcHBlclxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxufTtcbiJdfQ== */"),
+  x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8V3JhcHBlclxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxufTtcbiJdfQ== */")
+};
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1jnb1460"
@@ -28,21 +36,25 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   return getClearButtonStyles({
     variant: variant
   });
-}, ";padding:0 8px;gap:8px;min-width:0;max-width:100%;.buttonIcon{", function (p) {
+}, ";padding:0 ", xPadding, ";gap:8px;min-width:0;", function (_ref2) {
+  var trimSide = _ref2.trimSide;
+  return trimSide ? trimSideStyles[trimSide] : "max-width: 100%";
+}, ";.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gIG1heC13aWR0aDogMTAwJTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+fVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG59O1xuIl19 */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPFdyYXBwZXJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGljb249e2ljb259XG4gICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD59XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbn07XG4iXX0= */"));
 
-export var TextButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      isDisabled = _ref2.isDisabled,
-      icon = _ref2.icon,
-      _ref2$iconPosition = _ref2.iconPosition,
-      iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'button' : _ref2$type,
-      props = _objectWithoutProperties(_ref2, _excluded);
+export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+      isDisabled = _ref3.isDisabled,
+      icon = _ref3.icon,
+      _ref3$iconPosition = _ref3.iconPosition,
+      iconPosition = _ref3$iconPosition === void 0 ? 'left' : _ref3$iconPosition,
+      _ref3$variant = _ref3.variant,
+      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
+      _ref3$type = _ref3.type,
+      type = _ref3$type === void 0 ? 'button' : _ref3$type,
+      trimSide = _ref3.trimSide,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
@@ -50,7 +62,8 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     icon: icon,
     iconPosition: iconPosition,
     variant: variant,
-    ref: ref
+    ref: ref,
+    trimSide: trimSide
   }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
     className: "buttonIcon"
@@ -65,5 +78,6 @@ TextButton.propTypes = {
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
   variant: types.clearButtonVariant,
-  type: types.buttonType
+  type: types.buttonType,
+  trimSide: PropTypes.oneOf(['left', 'right', 'x'])
 };

package/package.json

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