@flodesk/grain 11.53.1 → 11.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,58 @@
1
+ const _excluded = ["children", "shadow", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "padding", "radius", "position", "zIndex"];
2
+
3
+ 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); }
4
+
5
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
+
7
+ 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; }
8
+
9
+ import React from 'react';
10
+ import PropTypes from 'prop-types';
11
+ import { Box } from './box';
12
+ import { jsx as ___EmotionJSX } from "@emotion/react";
13
+ export const Card = _ref => {
14
+ let {
15
+ children,
16
+ shadow,
17
+ width,
18
+ minWidth,
19
+ maxWidth,
20
+ height,
21
+ minHeight,
22
+ maxHeight,
23
+ padding = 'var(--grn-card-padding)',
24
+ radius = 'var(--grn-card-radius)',
25
+ position,
26
+ zIndex
27
+ } = _ref,
28
+ props = _objectWithoutProperties(_ref, _excluded);
29
+
30
+ return ___EmotionJSX(Box, {
31
+ className: "grn-card-container",
32
+ width: width,
33
+ minWidth: minWidth,
34
+ maxWidth: maxWidth,
35
+ position: position,
36
+ top: 0,
37
+ left: 0,
38
+ right: 0,
39
+ bottom: 0,
40
+ zIndex: zIndex // backgroundColor="blue"
41
+
42
+ }, ___EmotionJSX(Box, _extends({
43
+ className: "grn-card",
44
+ width: "100%" // width={width}
45
+ // minWidth={minWidth}
46
+ // maxWidth={maxWidth}
47
+ ,
48
+ padding: padding,
49
+ radius: radius,
50
+ shadow: shadow,
51
+ height: height,
52
+ minHeight: minHeight,
53
+ maxHeight: maxHeight
54
+ }, props), children));
55
+ };
56
+ Card.propTypes = {
57
+ sampleProp: PropTypes.node
58
+ };
@@ -30,4 +30,5 @@ export { Nav, NavItem } from './nav';
30
30
  export { Flex } from './flex';
31
31
  export { Badge } from './badge';
32
32
  export { Toast } from './toast';
33
- export { Radio } from './radio';
33
+ export { Radio } from './radio';
34
+ export { Card } from './card';
@@ -1,5 +1,5 @@
1
1
  import _styled from "@emotion/styled/base";
2
- const _excluded = ["children", "isActive", "onClick"],
2
+ const _excluded = ["children", "isActive", "isDisabled", "onClick"],
3
3
  _excluded2 = ["children", "hasFullWidth"];
4
4
 
5
5
  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); }
@@ -19,19 +19,20 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
19
19
  } : {
20
20
  target: "e1fb3cwm1",
21
21
  label: "Wrapper"
22
- })("--padding:2px;display:flex;border-radius:", getRadius('s'), ";padding:var(--padding);background:var(--grn-color-overlay);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n .TextToggle {\n flex: 1 0 0;\n }\n ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAycHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3Itb3ZlcmxheSk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UZXh0VG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tcGFkZGluZykgKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgdmFyKC0tZ3JuLXNwYWNlLXMyKTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLXBhZGRpbmcpKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTknKX07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZShcbiAgeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
22
+ })("--padding:2px;display:flex;border-radius:", getRadius('s'), ";padding:var(--padding);background:var(--grn-color-overlay);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n .TextToggle {\n flex: 1 0 0;\n }\n ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAycHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3Itb3ZlcmxheSk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UZXh0VG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tcGFkZGluZykgKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgdmFyKC0tZ3JuLXNwYWNlLXMyKTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLXBhZGRpbmcpKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTknKX07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGUoXG4gIHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
23
23
 
24
24
  const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
25
25
  target: "e1fb3cwm0"
26
26
  } : {
27
27
  target: "e1fb3cwm0",
28
28
  label: "ItemWrapper"
29
- })(styles.buttonReset, ";--borderColor:transparent;--height:calc(var(--grn-textbox-height-m) - var(--padding) * 2);border:none;padding:0 var(--grn-space-s2);height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:calc(", getRadius('s'), " - var(--padding));white-space:nowrap;transition:var(--grn-transition-leave);&:hover{color:var(--grn-color-content);transition:var(--grn-transition-hover);}", p => p.isActive && "\n --borderColor: ".concat(getColor('shade9'), ";\n color: var(--grn-color-content);\n transition: var(--grn-transition-active);\n background-color: ").concat(getColor('shade1'), ";\n\n &:hover {\n transition: var(--grn-transition-active);\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMnB4O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLW92ZXJsYXkpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKSAtIHZhcigtLXBhZGRpbmcpICogMik7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIHZhcigtLWdybi1zcGFjZS1zMik7XG4gIGhlaWdodDogdmFyKC0taGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1wYWRkaW5nKSk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWhvdmVyKTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGU5Jyl9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGUoXG4gIHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZUdyb3VwKFxuICB7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuVGV4dFRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGV4dFRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
29
+ })(styles.buttonReset, ";--borderColor:transparent;--height:calc(var(--grn-textbox-height-m) - var(--padding) * 2);border:none;padding:0 var(--grn-space-s2);height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:calc(", getRadius('s'), " - var(--padding));white-space:nowrap;transition:var(--grn-transition-leave);&:hover{color:var(--grn-color-content);transition:var(--grn-transition-hover);}", p => p.isActive && "\n --borderColor: ".concat(getColor('shade9'), ";\n color: var(--grn-color-content);\n transition: var(--grn-transition-active);\n background-color: ").concat(getColor('shade1'), ";\n\n &:hover {\n transition: var(--grn-transition-active);\n }\n "), " &:disabled{color:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMnB4O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLW92ZXJsYXkpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKSAtIHZhcigtLXBhZGRpbmcpICogMik7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIHZhcigtLWdybi1zcGFjZS1zMik7XG4gIGhlaWdodDogdmFyKC0taGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1wYWRkaW5nKSk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWhvdmVyKTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGU5Jyl9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZUdyb3VwKFxuICB7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuVGV4dFRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGV4dFRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
30
30
 
31
31
  export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref, ref) {
32
32
  let {
33
33
  children,
34
34
  isActive,
35
+ isDisabled,
35
36
  onClick
36
37
  } = _ref,
37
38
  props = _objectWithoutProperties(_ref, _excluded);
@@ -40,6 +41,7 @@ export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref, ref)
40
41
  ref: ref,
41
42
  type: "button",
42
43
  isActive: isActive,
44
+ disabled: isDisabled,
43
45
  onClick: onClick,
44
46
  className: "TextToggle"
45
47
  }, props), children);
@@ -63,5 +65,6 @@ TextToggleGroup.propTypes = {
63
65
  TextToggle.propTypes = {
64
66
  children: PropTypes.node,
65
67
  isActive: PropTypes.bool,
66
- onClick: PropTypes.func
68
+ onClick: PropTypes.func,
69
+ isDisabled: PropTypes.bool
67
70
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "11.53.1",
3
+ "version": "11.55.0",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "types": "es/types/index.d.ts",