@flodesk/grain 6.3.1 → 6.3.4

package/es/components/arrange.js

@@ -11,11 +11,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { getResponsiveDimension, getResponsiveGridColumns, getResponsiveGridRows, getResponsiveSpace } from '../utilities';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Arrange = function Arrange(_ref) {
+export var Arrange = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       gap = _ref.gap,
       _ref$alignItems = _ref.alignItems,
@@ -33,9 +33,10 @@ export var Arrange = function Arrange(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";", getResponsiveGridRows(rows), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCWSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGdldFJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGdldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyxcbiAgZ2V0UmVzcG9uc2l2ZUdyaWRSb3dzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBBcnJhbmdlID0gKHtcbiAgY2hpbGRyZW4sXG4gIGdhcCxcbiAgYWxpZ25JdGVtcyA9ICdjZW50ZXInLFxuICBqdXN0aWZ5SXRlbXMsXG4gIGp1c3RpZnlDb250ZW50ID0gJ3N0YXJ0JyxcbiAgYWxpZ25Db250ZW50LFxuICBjb2x1bW5zLFxuICByb3dzLFxuICBhdXRvRmxvdyA9ICdjb2x1bW4nLFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxuICAuLi5wcm9wc1xufSkgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgJHshY29sdW1ucyAmJiBgZ3JpZC1hdXRvLWZsb3c6ICR7YXV0b0Zsb3d9YH07XG4gICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnZ2FwJywgZ2FwKX07XG4gICAgICAke2dldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyhjb2x1bW5zKX07XG4gICAgICAke2dldFJlc3BvbnNpdmVHcmlkUm93cyhyb3dzKX07XG4gICAgICBqdXN0aWZ5LWl0ZW1zOiAke2p1c3RpZnlJdGVtc307XG4gICAgICBhbGlnbi1pdGVtczogJHthbGlnbkl0ZW1zfTtcbiAgICAgIGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07XG4gICAgICBhbGlnbi1jb250ZW50OiAke2FsaWduQ29udGVudH07XG4gICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuQXJyYW5nZS5wcm9wVHlwZXMgPSB7XG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5zOiB0eXBlcy5yZXNwb25zaXZlQ29sdW1ucyxcbiAgcm93czogdHlwZXMucmVzcG9uc2l2ZVJvd3MsXG4gIGF1dG9GbG93OiB0eXBlcy5hdXRvRmxvdyxcbiAgYWxpZ25JdGVtczogdHlwZXMuZ3JpZEl0ZW1zQWxpZ25tZW50LFxuICBqdXN0aWZ5SXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIGFsaWduQ29udGVudDogdHlwZXMuZ3JpZENvbnRlbnRQb3NpdGlvbixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbn07XG4iXX0= */")
+    ref: ref,
+    css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";", getResponsiveGridRows(rows), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGdldFJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGdldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyxcbiAgZ2V0UmVzcG9uc2l2ZUdyaWRSb3dzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgQXJyYW5nZSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGdhcCxcbiAgICAgIGFsaWduSXRlbXMgPSAnY2VudGVyJyxcbiAgICAgIGp1c3RpZnlJdGVtcyxcbiAgICAgIGp1c3RpZnlDb250ZW50ID0gJ3N0YXJ0JyxcbiAgICAgIGFsaWduQ29udGVudCxcbiAgICAgIGNvbHVtbnMsXG4gICAgICByb3dzLFxuICAgICAgYXV0b0Zsb3cgPSAnY29sdW1uJyxcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgJHshY29sdW1ucyAmJiBgZ3JpZC1hdXRvLWZsb3c6ICR7YXV0b0Zsb3d9YH07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdnYXAnLCBnYXApfTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlR3JpZENvbHVtbnMoY29sdW1ucyl9O1xuICAgICAgICAke2dldFJlc3BvbnNpdmVHcmlkUm93cyhyb3dzKX07XG4gICAgICAgIGp1c3RpZnktaXRlbXM6ICR7anVzdGlmeUl0ZW1zfTtcbiAgICAgICAgYWxpZ24taXRlbXM6ICR7YWxpZ25JdGVtc307XG4gICAgICAgIGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07XG4gICAgICAgIGFsaWduLWNvbnRlbnQ6ICR7YWxpZ25Db250ZW50fTtcbiAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCd3aWR0aCcsIHdpZHRoKX07XG4gICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSxcbik7XG5cbkFycmFuZ2UucHJvcFR5cGVzID0ge1xuICBnYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgY29sdW1uczogdHlwZXMucmVzcG9uc2l2ZUNvbHVtbnMsXG4gIHJvd3M6IHR5cGVzLnJlc3BvbnNpdmVSb3dzLFxuICBhdXRvRmxvdzogdHlwZXMuYXV0b0Zsb3csXG4gIGFsaWduSXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUl0ZW1zOiB0eXBlcy5ncmlkSXRlbXNBbGlnbm1lbnQsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5ncmlkQ29udGVudFBvc2l0aW9uLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG59O1xuIl19 */")
   }, props), children);
-};
+});
 Arrange.propTypes = {
   gap: types.responsiveSpace,
   columns: types.responsiveColumns,

package/es/components/dropdown.js

@@ -51,8 +51,8 @@ export var Dropdown = function Dropdown(_ref2) {
   }))));
 };
 Dropdown.propTypes = {
-  trigger: PropTypes.node,
-  options: PropTypes.array,
+  trigger: PropTypes.node.isRequired,
+  options: PropTypes.array.isRequired,
   menuPlacement: types.menuPlacement,
   menuWidth: types.dimension,
   menuZIndex: types.zIndex

package/es/components/icon-toggle.js

@@ -29,19 +29,19 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 } : {
   target: "e9umpvt1",
   label: "Wrapper"
-})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuY29uc3Qgd2lkdGggPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gKyAycHgpYDtcbmNvbnN0IGhlaWdodCA9IGBjYWxjKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtIGNhbGMoJHtzdHJva2VTaXplfSAqIDIpKWA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgJHtnZXRDb2xvcignYm9yZGVyMicpfTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6ICR7d2lkdGh9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItaWNvbik7XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcignY29udGVudCcpfWB9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmICsgLkljb25Ub2dnbGUge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJvcmRlcjIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICAgJHtwID0+XG4gICAgICBwLmlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGMoJHt3aWR0aH0gLSAke3N0cm9rZVNpemV9KTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZTphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArICR7c3Ryb2tlU2l6ZX0pO1xuICAgIGxlZnQ6IC0ke3N0cm9rZVNpemV9O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaWNvbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciByZWY9e3JlZn0gY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuY29uc3Qgd2lkdGggPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gKyAycHgpYDtcbmNvbnN0IGhlaWdodCA9IGBjYWxjKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtIGNhbGMoJHtzdHJva2VTaXplfSAqIDIpKWA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgJHtnZXRDb2xvcignYm9yZGVyMicpfTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6ICR7d2lkdGh9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItaWNvbik7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcignY29udGVudCcpfWB9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmICsgLkljb25Ub2dnbGUge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJvcmRlcjIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICAgJHtwID0+XG4gICAgICBwLmlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGMoJHt3aWR0aH0gLSAke3N0cm9rZVNpemV9KTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZTphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArICR7c3Ryb2tlU2l6ZX0pO1xuICAgIGxlZnQ6IC0ke3N0cm9rZVNpemV9O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaWNvbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciByZWY9e3JlZn0gY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e9umpvt0"
 } : {
   target: "e9umpvt0",
   label: "ItemWrapper"
-})(styles.buttonReset, ";--borderColor:transparent;border:none;border-left:", strokeSize, " solid var(--borderColor);padding:0;min-width:", width, ";height:", height, ";background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;color:var(--grn-color-icon);", function (_ref) {
+})(styles.buttonReset, ";--borderColor:transparent;border:none;border-left:", strokeSize, " solid var(--borderColor);padding:0;min-width:", width, ";height:", height, ";background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;color:var(--grn-color-icon);transition:", componentVars.transitionDefault, ";", function (_ref) {
   var isActive = _ref.isActive;
   return isActive && "--grn-color-icon: ".concat(getColor('content'));
 }, ";&:hover{--grn-color-icon:", getColor('content'), ";}&+.IconToggle{border-color:var(--grn-color-border2);}&:after{content:'';pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:", componentVars.transitionDefault, ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);", function (p) {
   return p.isActive && "\n      transition: ".concat(componentVars.transitionActive, ";\n      --borderColor: ").concat(componentVars.activeBorderColor, ";\n    ");
-}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcbmNvbnN0IHdpZHRoID0gYGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9ICsgMnB4KWA7XG5jb25zdCBoZWlnaHQgPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSBjYWxjKCR7c3Ryb2tlU2l6ZX0gKiAyKSlgO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAke3dpZHRofTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWljb24pO1xuXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX1gfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAgICR7cCA9PlxuICAgICAgcC5pc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKCR7d2lkdGh9IC0gJHtzdHJva2VTaXplfSk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAke3N0cm9rZVNpemV9KTtcbiAgICBsZWZ0OiAtJHtzdHJva2VTaXplfTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpIDAgMCB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB9XG5cbiAgJjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWdybi1yYWRpdXMtcykgdmFyKC0tZ3JuLXJhZGl1cy1zKSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXIgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcbmNvbnN0IHdpZHRoID0gYGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9ICsgMnB4KWA7XG5jb25zdCBoZWlnaHQgPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSBjYWxjKCR7c3Ryb2tlU2l6ZX0gKiAyKSlgO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAke3dpZHRofTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWljb24pO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX1gfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAgICR7cCA9PlxuICAgICAgcC5pc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKCR7d2lkdGh9IC0gJHtzdHJva2VTaXplfSk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAke3N0cm9rZVNpemV9KTtcbiAgICBsZWZ0OiAtJHtzdHJva2VTaXplfTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpIDAgMCB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB9XG5cbiAgJjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWdybi1yYWRpdXMtcykgdmFyKC0tZ3JuLXJhZGl1cy1zKSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXIgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 export var IconToggle = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,

package/es/components/index.js

@@ -19,5 +19,5 @@ export { Autocomplete } from './autocomplete';
 export { MultiAutocomplete } from './multi-autocomplete';
 export { Dropdown } from './dropdown';
 export { Modal } from './modal';
-export { Link } from './link';
+export { Link, linkStyles } from './link';
 export { Popover } from './popover';

package/es/components/link.js

@@ -16,15 +16,12 @@ import { getColor } from '../utilities';
 import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU13QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIHRleHREZWNvcmF0aW9uQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICB9LFxuICBzdWJ0bGU6IHtcbiAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7dmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgICAgICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
-var variantStyles = {
-  neutral: {
-    textDecorationColor: getColor('fade3')
-  },
-  subtle: {
-    textDecorationColor: 'transparent'
-  }
+var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
+export var linkStyles = {
+  neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:", getColor('fade3'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"),
+  subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */")
 };
+var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5jb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgY29sb3I6IGluaGVyaXQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUzJyl9O1xuICBgLFxuXG4gIHN1YnRsZTogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbn07XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */");
 export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$tag = _ref.tag,
@@ -37,7 +34,7 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
     as: tag,
-    css: /*#__PURE__*/css(styles.transitions, ";", tag === 'button' && buttonStyles, ";", variantStyles[variant], ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIHRleHREZWNvcmF0aW9uQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICB9LFxuICBzdWJ0bGU6IHtcbiAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7dmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gICAgICAgIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgICAgICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
+    css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */")
   }, props), children);
 });
 Link.propTypes = {

package/es/components/stack.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import { getResponsiveSpace } from '../utilities';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
@@ -24,17 +24,18 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
   label: "Wrapper"
 })("&>*+*{", function (p) {
   return getResponsiveSpace('margin-top', p.gap);
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N0YWNrLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvc3RhY2suanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAmID4gKiArICoge1xuICAgICR7cCA9PiBnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi10b3AnLCBwLmdhcCl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3RhY2sgPSAoeyBjaGlsZHJlbiwgZ2FwLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGdhcD17Z2FwfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuU3RhY2sucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxufTtcbiJdfQ== */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N0YWNrLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvc3RhY2suanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+ICogKyAqIHtcbiAgICAke3AgPT4gZ2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgcC5nYXApfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0YWNrID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgZ2FwLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IGdhcD17Z2FwfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cblN0YWNrLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBnYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbn07XG4iXX0= */"));
 
-export var Stack = function Stack(_ref) {
+export var Stack = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       gap = _ref.gap,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
+    ref: ref,
     gap: gap
   }, props), children);
-};
+});
 Stack.propTypes = {
   children: PropTypes.node,
   gap: types.responsiveSpace

package/package.json

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