@flodesk/grain 6.5.9 → 6.6.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.
|
@@ -33,7 +33,7 @@ import React, { forwardRef, Fragment, useMemo, useState } from 'react';
|
|
|
33
33
|
import { Icon, Box, Text } from '.';
|
|
34
34
|
import { IconChevronDown } from '../icons';
|
|
35
35
|
import { Combobox } from '@headlessui/react';
|
|
36
|
-
import { types } from '../types';
|
|
36
|
+
import { defaultProps, types } from '../types';
|
|
37
37
|
import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, MenuTransition, fieldVars, FieldHint } from '../foundational';
|
|
38
38
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
39
39
|
var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
@@ -85,9 +85,11 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
85
85
|
value = _ref2.value,
|
|
86
86
|
onChange = _ref2.onChange,
|
|
87
87
|
_ref2$menuPlacement = _ref2.menuPlacement,
|
|
88
|
-
menuPlacement = _ref2$menuPlacement === void 0 ?
|
|
88
|
+
menuPlacement = _ref2$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref2$menuPlacement,
|
|
89
89
|
_ref2$menuWidth = _ref2.menuWidth,
|
|
90
90
|
menuWidth = _ref2$menuWidth === void 0 ? '100%' : _ref2$menuWidth,
|
|
91
|
+
_ref2$menuMaxHeight = _ref2.menuMaxHeight,
|
|
92
|
+
menuMaxHeight = _ref2$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref2$menuMaxHeight,
|
|
91
93
|
menuZIndex = _ref2.menuZIndex,
|
|
92
94
|
placeholder = _ref2.placeholder,
|
|
93
95
|
label = _ref2.label,
|
|
@@ -135,6 +137,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
|
|
|
135
137
|
}), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(MenuTransition, null, ___EmotionJSX(Combobox.Options, {
|
|
136
138
|
placement: menuPlacement,
|
|
137
139
|
width: menuWidth,
|
|
140
|
+
maxHeight: menuMaxHeight,
|
|
138
141
|
as: MenuCard,
|
|
139
142
|
zIndex: menuZIndex
|
|
140
143
|
}, filteredOptions.map(function (option, index) {
|
|
@@ -163,6 +166,7 @@ Autocomplete.propTypes = {
|
|
|
163
166
|
onChange: PropTypes.func.isRequired,
|
|
164
167
|
menuPlacement: types.menuPlacement,
|
|
165
168
|
menuWidth: types.dimension,
|
|
169
|
+
menuMaxHeight: types.dimension,
|
|
166
170
|
menuZIndex: types.zIndex,
|
|
167
171
|
label: types.label,
|
|
168
172
|
hint: types.hint
|
package/es/components/select.js
CHANGED
|
@@ -20,7 +20,7 @@ import { Box, Icon, Text, TextButton } from '.';
|
|
|
20
20
|
import { IconChevronDown } from '../icons';
|
|
21
21
|
import { Listbox } from '@headlessui/react';
|
|
22
22
|
import { getColor, getRadius } from '../utilities';
|
|
23
|
-
import { types } from '../types';
|
|
23
|
+
import { defaultProps, types } from '../types';
|
|
24
24
|
import { componentVars, FieldHint, FieldLabel, fieldVars, MenuCard, MenuItem, MenuTransition, styles } from '../foundational';
|
|
25
25
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
26
26
|
|
|
@@ -29,7 +29,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
|
|
|
29
29
|
} : {
|
|
30
30
|
target: "e17qd7kh0",
|
|
31
31
|
label: "TriggerButton"
|
|
32
|
-
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIE1lbnVUcmFuc2l0aW9uLFxuICBzdHlsZXMsXG59IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFRyaWdnZXJCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA4cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTEnKX07XG4gIHBhZGRpbmc6IDAgJHtmaWVsZFZhcnMueFBhZGRpbmd9O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgfVxuYDtcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRyaWdnZXJWYXJpYW50LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPD5cbiAgICB7dHJpZ2dlclZhcmlhbnQgPT09ICdib3gnICYmIChcbiAgICAgIDxUcmlnZ2VyQnV0dG9uIHJlZj17cmVmfSB0eXBlPVwiYnV0dG9uXCIgey4uLnByb3BzfT5cbiAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPEJveCBtYXJnaW5MZWZ0PVwiYXV0b1wiPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICl9XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgJiYgKFxuICAgICAgPFRleHRCdXR0b24gcmVmPXtyZWZ9IGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IGljb25Qb3NpdGlvbj1cInJpZ2h0XCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICl9XG4gIDwvPlxuKSk7XG5cbmNvbnN0IFNlbGVjdFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiA8Qm94IHsuLi5wcm9wc30gbWluV2lkdGg9XCIwcHhcIiAvPjtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgdHJpZ2dlcjogY3VzdG9tVHJpZ2dlcixcbiAgdHJpZ2dlclZhcmlhbnQgPSAnYm94JyxcbiAgbGFiZWwsXG4gIGhpbnQsXG4gIG1lbnVaSW5kZXgsXG59KSA9PiB7XG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdmb3JtQ29udHJvbEFuZExhYmVsR2FwJyA6IHVuZGVmaW5lZDtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaXN0Ym94IGFzPXtTZWxlY3RSb290fSB2YWx1ZT17dmFsdWV9IG9uQ2hhbmdlPXtvbkNoYW5nZX0+XG4gICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgICAgIGN1c3RvbVRyaWdnZXIoc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9UcmlnZ2VyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgICAgPE1lbnVUcmFuc2l0aW9uPlxuICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbnNcbiAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgIHdpZHRoPXttZW51V2lkdGh9XG4gICAgICAgICAgICBhcz17TWVudUNhcmR9XG4gICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICBtYXhIZWlnaHQ9e21lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtvcHRpb24udmFsdWUgPT09IHZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXthY3RpdmV9XG4gICAgICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIDwvTGlzdGJveC5PcHRpb24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICAgICAgPC9NZW51VHJhbnNpdGlvbj5cbiAgICAgIDwvQm94PlxuICAgIDwvTGlzdGJveD5cbiAgKTtcbn07XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgdHJpZ2dlcjogUHJvcFR5cGVzLmZ1bmMsXG4gIHRyaWdnZXJWYXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydib3gnLCAndGV4dCddKSxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
|
|
33
33
|
|
|
34
34
|
var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
35
35
|
var children = _ref.children,
|
|
@@ -64,9 +64,11 @@ export var Select = function Select(_ref3) {
|
|
|
64
64
|
value = _ref3.value,
|
|
65
65
|
onChange = _ref3.onChange,
|
|
66
66
|
_ref3$menuPlacement = _ref3.menuPlacement,
|
|
67
|
-
menuPlacement = _ref3$menuPlacement === void 0 ?
|
|
67
|
+
menuPlacement = _ref3$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref3$menuPlacement,
|
|
68
68
|
_ref3$menuWidth = _ref3.menuWidth,
|
|
69
69
|
menuWidth = _ref3$menuWidth === void 0 ? '100%' : _ref3$menuWidth,
|
|
70
|
+
_ref3$menuMaxHeight = _ref3.menuMaxHeight,
|
|
71
|
+
menuMaxHeight = _ref3$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref3$menuMaxHeight,
|
|
70
72
|
customTrigger = _ref3.trigger,
|
|
71
73
|
_ref3$triggerVariant = _ref3.triggerVariant,
|
|
72
74
|
triggerVariant = _ref3$triggerVariant === void 0 ? 'box' : _ref3$triggerVariant,
|
|
@@ -96,7 +98,8 @@ export var Select = function Select(_ref3) {
|
|
|
96
98
|
placement: menuPlacement,
|
|
97
99
|
width: menuWidth,
|
|
98
100
|
as: MenuCard,
|
|
99
|
-
zIndex: menuZIndex
|
|
101
|
+
zIndex: menuZIndex,
|
|
102
|
+
maxHeight: menuMaxHeight
|
|
100
103
|
}, options.map(function (option, index) {
|
|
101
104
|
return ___EmotionJSX(Listbox.Option, {
|
|
102
105
|
key: index,
|
|
@@ -120,6 +123,7 @@ Select.propTypes = {
|
|
|
120
123
|
menuPlacement: types.menuPlacement,
|
|
121
124
|
menuWidth: types.dimension,
|
|
122
125
|
menuZIndex: types.zIndex,
|
|
126
|
+
menuMaxHeight: types.dimension,
|
|
123
127
|
trigger: PropTypes.func,
|
|
124
128
|
triggerVariant: PropTypes.oneOf(['box', 'text']),
|
|
125
129
|
label: types.label,
|
package/es/foundational/menu.js
CHANGED
|
@@ -4,7 +4,7 @@ import "core-js/modules/es.symbol.js";
|
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
5
|
import "core-js/modules/es.object.define-property.js";
|
|
6
6
|
var _excluded = ["children", "show"],
|
|
7
|
-
_excluded2 = ["children", "zIndex", "width", "placement"],
|
|
7
|
+
_excluded2 = ["children", "zIndex", "width", "placement", "maxHeight"],
|
|
8
8
|
_excluded3 = ["children", "isDisabled", "hasIcon", "isSelected", "color"],
|
|
9
9
|
_excluded4 = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasDivider"];
|
|
10
10
|
|
|
@@ -39,7 +39,7 @@ export var MenuTransition = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
39
39
|
enterTo: "enterTo",
|
|
40
40
|
leaveFrom: "leaveFrom",
|
|
41
41
|
leaveTo: "leaveTo",
|
|
42
|
-
css: /*#__PURE__*/css("&.leaveTo,&.enterFrom{opacity:0;}&.enterTo{transition-duration:", getTransition('xxFast'), ";}&.leaveTo{transition-duration:", getTransition('xFast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTransition;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JZIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+
|
|
42
|
+
css: /*#__PURE__*/css("&.leaveTo,&.enterFrom{opacity:0;}&.enterTo{transition-duration:", getTransition('xxFast'), ";}&.leaveTo{transition-duration:", getTransition('xFast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTransition;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JZIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
|
|
43
43
|
}, props), children);
|
|
44
44
|
});
|
|
45
45
|
export var MenuCard = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
@@ -48,11 +48,12 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
48
48
|
zIndex = _ref2$zIndex === void 0 ? 1 : _ref2$zIndex,
|
|
49
49
|
width = _ref2.width,
|
|
50
50
|
placement = _ref2.placement,
|
|
51
|
+
maxHeight = _ref2.maxHeight,
|
|
51
52
|
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
52
53
|
|
|
53
54
|
return ___EmotionJSX("ul", _extends({
|
|
54
55
|
ref: ref,
|
|
55
|
-
css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;position:absolute;background:", getColor('background'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";
|
|
56
|
+
css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;position:absolute;background:", getColor('background'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";overflow:auto;width:", getDimension(width), ";max-height:", getDimension(maxHeight), ";", placementStyles[placement], ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
|
|
56
57
|
}, props), children);
|
|
57
58
|
});
|
|
58
59
|
var variantStyles = {
|
|
@@ -75,7 +76,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
75
76
|
|
|
76
77
|
return ___EmotionJSX("li", _extends({
|
|
77
78
|
ref: ref,
|
|
78
|
-
css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";", (hasIcon || isSelected) && "gap: 8px", ";", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:0 ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
79
|
+
css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";", (hasIcon || isSelected) && "gap: 8px", ";", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:0 ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
|
|
79
80
|
}, props), children);
|
|
80
81
|
});
|
|
81
82
|
export var MenuGroupTitle = function MenuGroupTitle(_ref4) {
|
package/es/styles/variables.css
CHANGED
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
|
|
71
71
|
:root {
|
|
72
72
|
--grn-util-formTitleAndContentGap: var(--grn-space-l);
|
|
73
|
-
--grn-util-formContentsGap: var(--grn-space-
|
|
73
|
+
--grn-util-formContentsGap: var(--grn-space-m);
|
|
74
74
|
--grn-util-formContentAndActionsGap: var(--grn-space-xl);
|
|
75
75
|
--grn-util-formControlAndLabelGap: var(--grn-space-s);
|
|
76
76
|
}
|
package/es/types.js
CHANGED
|
@@ -37,4 +37,8 @@ export var types = {
|
|
|
37
37
|
textInput: PropTypes.oneOf(['text', 'password', 'email', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'time', 'url', 'week']),
|
|
38
38
|
buttonType: PropTypes.oneOf(['button', 'submit', 'reset']),
|
|
39
39
|
hint: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
|
|
40
|
+
};
|
|
41
|
+
export var defaultProps = {
|
|
42
|
+
menuMaxHeight: '468px',
|
|
43
|
+
menuPlacement: 'bottomStart'
|
|
40
44
|
};
|