datocms-react-ui 0.5.0 → 0.5.3
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.
- package/dist/cjs/Dropdown/Dropdown.js +6 -19
- package/dist/cjs/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/Dropdown/Menu.js +8 -26
- package/dist/cjs/Dropdown/Menu.js.map +1 -1
- package/dist/cjs/Dropdown/styles.module.css.json +1 -1
- package/dist/esm/Dropdown/Dropdown.js +7 -20
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/Dropdown/Menu.js +8 -26
- package/dist/esm/Dropdown/Menu.js.map +1 -1
- package/dist/esm/Dropdown/styles.module.css.json +1 -1
- package/package.json +3 -3
- package/src/Dropdown/Dropdown.tsx +9 -29
- package/src/Dropdown/Menu.tsx +3 -37
- package/src/Dropdown/styles.module.css +0 -75
- package/src/Dropdown/styles.module.css.json +1 -1
- package/styles.css +1 -1
- package/types.json +10 -10
|
@@ -24,7 +24,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
exports.Dropdown = void 0;
|
|
26
26
|
var react_1 = __importStar(require("react"));
|
|
27
|
-
var useMediaQuery_1 = require("../useMediaQuery");
|
|
28
27
|
var useClickOutside_1 = require("../useClickOutside");
|
|
29
28
|
var DropdownContext_1 = require("./DropdownContext");
|
|
30
29
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
@@ -132,18 +131,12 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
132
131
|
*/
|
|
133
132
|
function Dropdown(_a) {
|
|
134
133
|
var renderTrigger = _a.renderTrigger, children = _a.children;
|
|
135
|
-
var isClickOutsideEnabled = (0, react_1.useRef)();
|
|
136
134
|
var _b = (0, react_1.useState)(false), isOpen = _b[0], setOpen = _b[1];
|
|
137
|
-
(0, react_1.useEffect)(function () {
|
|
138
|
-
isClickOutsideEnabled.current = false;
|
|
139
|
-
}, []);
|
|
140
135
|
var handleClickOutside = (0, react_1.useCallback)(function (event) {
|
|
141
|
-
if (
|
|
142
|
-
!event.target.closest('.' + styles_module_css_json_1.default['Dropdown__menu']) &&
|
|
143
|
-
isOpen) {
|
|
136
|
+
if (!event.target.closest('.' + styles_module_css_json_1.default['Dropdown__menu']) && isOpen) {
|
|
144
137
|
setOpen(false);
|
|
145
138
|
}
|
|
146
|
-
}, [setOpen, isOpen
|
|
139
|
+
}, [setOpen, isOpen]);
|
|
147
140
|
var outsideRef = (0, useClickOutside_1.useClickOutside)(handleClickOutside);
|
|
148
141
|
var handleClose = (0, react_1.useCallback)(function () {
|
|
149
142
|
setOpen(false);
|
|
@@ -151,16 +144,10 @@ function Dropdown(_a) {
|
|
|
151
144
|
var handleToggle = (0, react_1.useCallback)(function () {
|
|
152
145
|
setOpen(function (open) { return !open; });
|
|
153
146
|
}, [setOpen]);
|
|
154
|
-
return (react_1.default.createElement(
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
isClickOutsideEnabled.current = !matches;
|
|
159
|
-
return (react_1.default.createElement(DropdownContext_1.DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
160
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown'], ref: outsideRef },
|
|
161
|
-
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
162
|
-
isOpen && children)));
|
|
163
|
-
}));
|
|
147
|
+
return (react_1.default.createElement(DropdownContext_1.DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
148
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown'], ref: outsideRef },
|
|
149
|
+
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
150
|
+
isOpen && children)));
|
|
164
151
|
}
|
|
165
152
|
exports.Dropdown = Dropdown;
|
|
166
153
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,sDAAqD;AACrD,qDAAoD;AACpD,oFAAyC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,SAAgB,QAAQ,CAAC,EAGT;QAFd,aAAa,mBAAA,EACb,QAAQ,cAAA;IAEF,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAC;IAE1C,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAK;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,gCAAC,CAAC,gBAAgB,CAAC,CAAC,IAAI,MAAM,EAAE;YAC9D,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,iCAAe,EAAiB,kBAAkB,CAAC,CAAC;IAEvE,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,8BAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;QACzD,uCAAK,SAAS,EAAE,gCAAC,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,UAAU;YAC3C,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;YACtD,MAAM,IAAI,QAAQ,CACf,CACmB,CAC5B,CAAC;AACJ,CAAC;AAjCD,4BAiCC"}
|
|
@@ -47,21 +47,11 @@ var react_1 = __importStar(require("react"));
|
|
|
47
47
|
var scroll_into_view_if_needed_1 = __importDefault(require("scroll-into-view-if-needed"));
|
|
48
48
|
var react_intersection_observer_1 = require("react-intersection-observer");
|
|
49
49
|
var Portal_1 = require("./Portal");
|
|
50
|
-
var useMediaQuery_1 = require("../useMediaQuery");
|
|
51
50
|
var DropdownContext_1 = require("./DropdownContext");
|
|
52
51
|
var Group_1 = require("./Group");
|
|
53
52
|
var MenuContext_1 = require("./MenuContext");
|
|
54
|
-
var Option_1 = require("./Option");
|
|
55
53
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
56
54
|
var mergeRefs_1 = require("../mergeRefs");
|
|
57
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
58
|
-
var MenuMobileContainer = function (_a) {
|
|
59
|
-
var children = _a.children;
|
|
60
|
-
return (react_1.default.createElement(Portal_1.Portal, null,
|
|
61
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__mobile-container'], style: { zIndex: 1000 } },
|
|
62
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Modal__backdrop'] }),
|
|
63
|
-
children)));
|
|
64
|
-
};
|
|
65
55
|
var MenuDesktopContainer = react_1.default.forwardRef(function (_a, ref) {
|
|
66
56
|
var children = _a.children;
|
|
67
57
|
return (react_1.default.createElement(Portal_1.Portal, null,
|
|
@@ -125,19 +115,17 @@ function setPosition(panel, parent, alignment) {
|
|
|
125
115
|
panel.style.visibility = 'visible';
|
|
126
116
|
}
|
|
127
117
|
var Menu = function (_a) {
|
|
128
|
-
var _b;
|
|
129
|
-
var children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? 'left' : _c;
|
|
118
|
+
var children = _a.children, _b = _a.alignment, alignment = _b === void 0 ? 'left' : _b;
|
|
130
119
|
var closeMenu = (0, react_1.useContext)(DropdownContext_1.DropdownContext).closeMenu;
|
|
131
120
|
var childrenArray = react_1.default.Children.toArray(children);
|
|
132
|
-
var
|
|
133
|
-
var
|
|
121
|
+
var _c = (0, react_1.useState)(''), searchTerm = _c[0], setSearchTerm = _c[1];
|
|
122
|
+
var _d = (0, react_1.useState)([]), options = _d[0], setOptions = _d[1];
|
|
134
123
|
var handleChange = (0, react_1.useCallback)(function (e) {
|
|
135
124
|
setSearchTerm(e.target.value);
|
|
136
125
|
}, [setSearchTerm]);
|
|
137
126
|
var anyGroup = childrenArray.some(function (child) {
|
|
138
127
|
return typeof child === 'object' && 'type' in child && child.type === Group_1.Group;
|
|
139
128
|
});
|
|
140
|
-
var matches = (0, useMediaQuery_1.useMediaQuery)('(max-width: 1024px)').matches;
|
|
141
129
|
var addOption = (0, react_1.useCallback)(function (id) {
|
|
142
130
|
setOptions(function (old) { return __spreadArray(__spreadArray([], old, true), [{ id: id }], false); });
|
|
143
131
|
return function () {
|
|
@@ -201,11 +189,11 @@ var Menu = function (_a) {
|
|
|
201
189
|
}
|
|
202
190
|
}
|
|
203
191
|
}, [options]);
|
|
204
|
-
var
|
|
192
|
+
var _e = (0, react_intersection_observer_1.useInView)({
|
|
205
193
|
threshold: 0,
|
|
206
194
|
rootMargin: '0px 0px 0px 0px',
|
|
207
195
|
triggerOnce: false,
|
|
208
|
-
}), observerRef =
|
|
196
|
+
}), observerRef = _e[0], inView = _e[1], entry = _e[2];
|
|
209
197
|
var parentRef = (0, react_1.createRef)();
|
|
210
198
|
var menuRef = (0, react_1.createRef)();
|
|
211
199
|
var reposition = (0, react_1.useCallback)(function () {
|
|
@@ -231,20 +219,14 @@ var Menu = function (_a) {
|
|
|
231
219
|
window.addEventListener('resize', reposition);
|
|
232
220
|
return function () { return window.removeEventListener('resize', reposition); };
|
|
233
221
|
}, [reposition]);
|
|
234
|
-
var Wrapper = matches ? MenuMobileContainer : MenuDesktopContainer;
|
|
235
222
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
236
223
|
react_1.default.createElement("div", { ref: (0, mergeRefs_1.mergeRefs)(observerRef, parentRef), className: styles_module_css_json_1.default['Dropdown__spacer'] }),
|
|
237
|
-
react_1.default.createElement(
|
|
238
|
-
react_1.default.createElement("div", { className:
|
|
239
|
-
_b[styles_module_css_json_1.default['Dropdown__menu--fullscreen']] = matches,
|
|
240
|
-
_b)) },
|
|
224
|
+
react_1.default.createElement(MenuDesktopContainer, { ref: menuRef },
|
|
225
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu'] },
|
|
241
226
|
options.length > 5 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__search'] },
|
|
242
227
|
react_1.default.createElement("input", { type: "text", value: searchTerm || '', onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Search...", autoFocus: true, className: styles_module_css_json_1.default['Dropdown__menu__search__input'] }))),
|
|
243
228
|
react_1.default.createElement(MenuContext_1.MenuContext.Provider, { value: { searchTerm: searchTerm, addOption: addOption, setClickHandlerForOption: setClickHandlerForOption } },
|
|
244
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__inner'], ref: contentRef }, anyGroup ? (children) : (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__group__content'] }, children)))))
|
|
245
|
-
matches ? (react_1.default.createElement("div", null,
|
|
246
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__inner'] },
|
|
247
|
-
react_1.default.createElement(Option_1.Option, { closeMenuOnClick: true }, "Close")))) : null)));
|
|
229
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__inner'], ref: contentRef }, anyGroup ? (children) : (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__group__content'] }, children))))))));
|
|
248
230
|
};
|
|
249
231
|
exports.Menu = Menu;
|
|
250
232
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAQe;AACf,0FAAwD;AACxD,2EAAwD;AACxD,mCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "Dropdown": "
|
|
1
|
+
{ "Dropdown": "_Dropdown_nie0g_1", "Dropdown__spacer": "_Dropdown__spacer_nie0g_5", "Dropdown__menu__search": "_Dropdown__menu__search_nie0g_11", "Dropdown__menu__search__input": "_Dropdown__menu__search__input_nie0g_16", "Dropdown__menu-container": "_Dropdown__menu-container_nie0g_45", "Dropdown__menu": "_Dropdown__menu_nie0g_11", "Dropdown__menu__inner": "_Dropdown__menu__inner_nie0g_61", "Dropdown__menu__group__title": "_Dropdown__menu__group__title_nie0g_65", "Dropdown__menu__group__content": "_Dropdown__menu__group__content_nie0g_73", "Dropdown__menu__text": "_Dropdown__menu__text_nie0g_77", "Dropdown__menu__option": "_Dropdown__menu__option_nie0g_86", "Dropdown__menu__option--is-selected": "_Dropdown__menu__option--is-selected_nie0g_108", "Dropdown__menu__option--is-disabled": "_Dropdown__menu__option--is-disabled_nie0g_112", "Dropdown__menu__option__content": "_Dropdown__menu__option__content_nie0g_115", "Dropdown__menu__option--is-dangerous": "_Dropdown__menu__option--is-dangerous_nie0g_120", "Dropdown__menu__option--is-active": "_Dropdown__menu__option--is-active_nie0g_138", "Dropdown__menu__option--is-valid": "_Dropdown__menu__option--is-valid_nie0g_147", "Dropdown__menu__option--is-invalid": "_Dropdown__menu__option--is-invalid_nie0g_151", "Dropdown__menu__option__icons": "_Dropdown__menu__option__icons_nie0g_194", "Dropdown__menu__option__icon": "_Dropdown__menu__option__icon_nie0g_194", "Dropdown__menu__option__icon--delete": "_Dropdown__menu__option__icon--delete_nie0g_241", "Dropdown__menu__separator": "_Dropdown__menu__separator_nie0g_248" }
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React, { useCallback,
|
|
2
|
-
import { MediaQuery } from '../useMediaQuery';
|
|
1
|
+
import React, { useCallback, useState } from 'react';
|
|
3
2
|
import { useClickOutside } from '../useClickOutside';
|
|
4
3
|
import { DropdownContext } from './DropdownContext';
|
|
5
4
|
import s from './styles.module.css.json';
|
|
@@ -107,18 +106,12 @@ import s from './styles.module.css.json';
|
|
|
107
106
|
*/
|
|
108
107
|
export function Dropdown(_a) {
|
|
109
108
|
var renderTrigger = _a.renderTrigger, children = _a.children;
|
|
110
|
-
var isClickOutsideEnabled = useRef();
|
|
111
109
|
var _b = useState(false), isOpen = _b[0], setOpen = _b[1];
|
|
112
|
-
useEffect(function () {
|
|
113
|
-
isClickOutsideEnabled.current = false;
|
|
114
|
-
}, []);
|
|
115
110
|
var handleClickOutside = useCallback(function (event) {
|
|
116
|
-
if (
|
|
117
|
-
!event.target.closest('.' + s['Dropdown__menu']) &&
|
|
118
|
-
isOpen) {
|
|
111
|
+
if (!event.target.closest('.' + s['Dropdown__menu']) && isOpen) {
|
|
119
112
|
setOpen(false);
|
|
120
113
|
}
|
|
121
|
-
}, [setOpen, isOpen
|
|
114
|
+
}, [setOpen, isOpen]);
|
|
122
115
|
var outsideRef = useClickOutside(handleClickOutside);
|
|
123
116
|
var handleClose = useCallback(function () {
|
|
124
117
|
setOpen(false);
|
|
@@ -126,15 +119,9 @@ export function Dropdown(_a) {
|
|
|
126
119
|
var handleToggle = useCallback(function () {
|
|
127
120
|
setOpen(function (open) { return !open; });
|
|
128
121
|
}, [setOpen]);
|
|
129
|
-
return (React.createElement(
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
isClickOutsideEnabled.current = !matches;
|
|
134
|
-
return (React.createElement(DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
135
|
-
React.createElement("div", { className: s['Dropdown'], ref: outsideRef },
|
|
136
|
-
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
137
|
-
isOpen && children)));
|
|
138
|
-
}));
|
|
122
|
+
return (React.createElement(DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
123
|
+
React.createElement("div", { className: s['Dropdown'], ref: outsideRef },
|
|
124
|
+
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
125
|
+
isOpen && children)));
|
|
139
126
|
}
|
|
140
127
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAGT;QAFd,aAAa,mBAAA,EACb,QAAQ,cAAA;IAEF,IAAA,KAAoB,QAAQ,CAAC,KAAK,CAAC,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAC;IAE1C,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAAK;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC,IAAI,MAAM,EAAE;YAC9D,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,IAAM,UAAU,GAAG,eAAe,CAAiB,kBAAkB,CAAC,CAAC;IAEvE,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,YAAY,GAAG,WAAW,CAAC;QAC/B,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;QACzD,6BAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,UAAU;YAC3C,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;YACtD,MAAM,IAAI,QAAQ,CACf,CACmB,CAC5B,CAAC;AACJ,CAAC"}
|
|
@@ -22,21 +22,11 @@ import React, { createRef, useCallback, useContext, useEffect, useRef, useState,
|
|
|
22
22
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
23
23
|
import { useInView } from 'react-intersection-observer';
|
|
24
24
|
import { Portal } from './Portal';
|
|
25
|
-
import { useMediaQuery } from '../useMediaQuery';
|
|
26
25
|
import { DropdownContext } from './DropdownContext';
|
|
27
26
|
import { Group } from './Group';
|
|
28
27
|
import { MenuContext } from './MenuContext';
|
|
29
|
-
import { Option } from './Option';
|
|
30
28
|
import s from './styles.module.css.json';
|
|
31
29
|
import { mergeRefs } from '../mergeRefs';
|
|
32
|
-
import classNames from 'classnames';
|
|
33
|
-
var MenuMobileContainer = function (_a) {
|
|
34
|
-
var children = _a.children;
|
|
35
|
-
return (React.createElement(Portal, null,
|
|
36
|
-
React.createElement("div", { className: s['Dropdown__menu__mobile-container'], style: { zIndex: 1000 } },
|
|
37
|
-
React.createElement("div", { className: s['Modal__backdrop'] }),
|
|
38
|
-
children)));
|
|
39
|
-
};
|
|
40
30
|
var MenuDesktopContainer = React.forwardRef(function (_a, ref) {
|
|
41
31
|
var children = _a.children;
|
|
42
32
|
return (React.createElement(Portal, null,
|
|
@@ -100,19 +90,17 @@ function setPosition(panel, parent, alignment) {
|
|
|
100
90
|
panel.style.visibility = 'visible';
|
|
101
91
|
}
|
|
102
92
|
export var Menu = function (_a) {
|
|
103
|
-
var _b;
|
|
104
|
-
var children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? 'left' : _c;
|
|
93
|
+
var children = _a.children, _b = _a.alignment, alignment = _b === void 0 ? 'left' : _b;
|
|
105
94
|
var closeMenu = useContext(DropdownContext).closeMenu;
|
|
106
95
|
var childrenArray = React.Children.toArray(children);
|
|
107
|
-
var
|
|
108
|
-
var
|
|
96
|
+
var _c = useState(''), searchTerm = _c[0], setSearchTerm = _c[1];
|
|
97
|
+
var _d = useState([]), options = _d[0], setOptions = _d[1];
|
|
109
98
|
var handleChange = useCallback(function (e) {
|
|
110
99
|
setSearchTerm(e.target.value);
|
|
111
100
|
}, [setSearchTerm]);
|
|
112
101
|
var anyGroup = childrenArray.some(function (child) {
|
|
113
102
|
return typeof child === 'object' && 'type' in child && child.type === Group;
|
|
114
103
|
});
|
|
115
|
-
var matches = useMediaQuery('(max-width: 1024px)').matches;
|
|
116
104
|
var addOption = useCallback(function (id) {
|
|
117
105
|
setOptions(function (old) { return __spreadArray(__spreadArray([], old, true), [{ id: id }], false); });
|
|
118
106
|
return function () {
|
|
@@ -176,11 +164,11 @@ export var Menu = function (_a) {
|
|
|
176
164
|
}
|
|
177
165
|
}
|
|
178
166
|
}, [options]);
|
|
179
|
-
var
|
|
167
|
+
var _e = useInView({
|
|
180
168
|
threshold: 0,
|
|
181
169
|
rootMargin: '0px 0px 0px 0px',
|
|
182
170
|
triggerOnce: false,
|
|
183
|
-
}), observerRef =
|
|
171
|
+
}), observerRef = _e[0], inView = _e[1], entry = _e[2];
|
|
184
172
|
var parentRef = createRef();
|
|
185
173
|
var menuRef = createRef();
|
|
186
174
|
var reposition = useCallback(function () {
|
|
@@ -206,19 +194,13 @@ export var Menu = function (_a) {
|
|
|
206
194
|
window.addEventListener('resize', reposition);
|
|
207
195
|
return function () { return window.removeEventListener('resize', reposition); };
|
|
208
196
|
}, [reposition]);
|
|
209
|
-
var Wrapper = matches ? MenuMobileContainer : MenuDesktopContainer;
|
|
210
197
|
return (React.createElement(React.Fragment, null,
|
|
211
198
|
React.createElement("div", { ref: mergeRefs(observerRef, parentRef), className: s['Dropdown__spacer'] }),
|
|
212
|
-
React.createElement(
|
|
213
|
-
React.createElement("div", { className:
|
|
214
|
-
_b[s['Dropdown__menu--fullscreen']] = matches,
|
|
215
|
-
_b)) },
|
|
199
|
+
React.createElement(MenuDesktopContainer, { ref: menuRef },
|
|
200
|
+
React.createElement("div", { className: s['Dropdown__menu'] },
|
|
216
201
|
options.length > 5 && (React.createElement("div", { className: s['Dropdown__menu__search'] },
|
|
217
202
|
React.createElement("input", { type: "text", value: searchTerm || '', onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Search...", autoFocus: true, className: s['Dropdown__menu__search__input'] }))),
|
|
218
203
|
React.createElement(MenuContext.Provider, { value: { searchTerm: searchTerm, addOption: addOption, setClickHandlerForOption: setClickHandlerForOption } },
|
|
219
|
-
React.createElement("div", { className: s['Dropdown__menu__inner'], ref: contentRef }, anyGroup ? (children) : (React.createElement("div", { className: s['Dropdown__menu__group__content'] }, children)))))
|
|
220
|
-
matches ? (React.createElement("div", null,
|
|
221
|
-
React.createElement("div", { className: s['Dropdown__menu__inner'] },
|
|
222
|
-
React.createElement(Option, { closeMenuOnClick: true }, "Close")))) : null)));
|
|
204
|
+
React.createElement("div", { className: s['Dropdown__menu__inner'], ref: contentRef }, anyGroup ? (children) : (React.createElement("div", { className: s['Dropdown__menu__group__content'] }, children))))))));
|
|
223
205
|
};
|
|
224
206
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAET,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "Dropdown": "
|
|
1
|
+
{ "Dropdown": "_Dropdown_nie0g_1", "Dropdown__spacer": "_Dropdown__spacer_nie0g_5", "Dropdown__menu__search": "_Dropdown__menu__search_nie0g_11", "Dropdown__menu__search__input": "_Dropdown__menu__search__input_nie0g_16", "Dropdown__menu-container": "_Dropdown__menu-container_nie0g_45", "Dropdown__menu": "_Dropdown__menu_nie0g_11", "Dropdown__menu__inner": "_Dropdown__menu__inner_nie0g_61", "Dropdown__menu__group__title": "_Dropdown__menu__group__title_nie0g_65", "Dropdown__menu__group__content": "_Dropdown__menu__group__content_nie0g_73", "Dropdown__menu__text": "_Dropdown__menu__text_nie0g_77", "Dropdown__menu__option": "_Dropdown__menu__option_nie0g_86", "Dropdown__menu__option--is-selected": "_Dropdown__menu__option--is-selected_nie0g_108", "Dropdown__menu__option--is-disabled": "_Dropdown__menu__option--is-disabled_nie0g_112", "Dropdown__menu__option__content": "_Dropdown__menu__option__content_nie0g_115", "Dropdown__menu__option--is-dangerous": "_Dropdown__menu__option--is-dangerous_nie0g_120", "Dropdown__menu__option--is-active": "_Dropdown__menu__option--is-active_nie0g_138", "Dropdown__menu__option--is-valid": "_Dropdown__menu__option--is-valid_nie0g_147", "Dropdown__menu__option--is-invalid": "_Dropdown__menu__option--is-invalid_nie0g_151", "Dropdown__menu__option__icons": "_Dropdown__menu__option__icons_nie0g_194", "Dropdown__menu__option__icon": "_Dropdown__menu__option__icon_nie0g_194", "Dropdown__menu__option__icon--delete": "_Dropdown__menu__option__icon--delete_nie0g_241", "Dropdown__menu__separator": "_Dropdown__menu__separator_nie0g_248" }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "datocms-react-ui",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "React components to use inside DatoCMS plugins",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"datocms",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"classnames": "^2.3.1",
|
|
44
|
-
"datocms-plugin-sdk": "^0.5.
|
|
44
|
+
"datocms-plugin-sdk": "^0.5.3",
|
|
45
45
|
"react-intersection-observer": "^8.31.0",
|
|
46
46
|
"react-select": "^5.2.1",
|
|
47
47
|
"scroll-into-view-if-needed": "^2.2.20"
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"postcss-nested": "^5.0.6",
|
|
58
58
|
"typedoc": "^0.22.8"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "9eb83096fe166cc59d3c9713b337e97a71fcf5bb"
|
|
61
61
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React, { useCallback,
|
|
2
|
-
import { MediaQuery } from '../useMediaQuery';
|
|
1
|
+
import React, { useCallback, useState } from 'react';
|
|
3
2
|
import { useClickOutside } from '../useClickOutside';
|
|
4
3
|
import { DropdownContext } from './DropdownContext';
|
|
5
4
|
import s from './styles.module.css.json';
|
|
@@ -120,24 +119,15 @@ export function Dropdown({
|
|
|
120
119
|
renderTrigger,
|
|
121
120
|
children,
|
|
122
121
|
}: DropdownProps): JSX.Element {
|
|
123
|
-
const isClickOutsideEnabled = useRef<boolean>();
|
|
124
122
|
const [isOpen, setOpen] = useState(false);
|
|
125
123
|
|
|
126
|
-
useEffect(() => {
|
|
127
|
-
isClickOutsideEnabled.current = false;
|
|
128
|
-
}, []);
|
|
129
|
-
|
|
130
124
|
const handleClickOutside = useCallback(
|
|
131
125
|
(event) => {
|
|
132
|
-
if (
|
|
133
|
-
isClickOutsideEnabled.current &&
|
|
134
|
-
!event.target.closest('.' + s['Dropdown__menu']) &&
|
|
135
|
-
isOpen
|
|
136
|
-
) {
|
|
126
|
+
if (!event.target.closest('.' + s['Dropdown__menu']) && isOpen) {
|
|
137
127
|
setOpen(false);
|
|
138
128
|
}
|
|
139
129
|
},
|
|
140
|
-
[setOpen, isOpen
|
|
130
|
+
[setOpen, isOpen],
|
|
141
131
|
);
|
|
142
132
|
|
|
143
133
|
const outsideRef = useClickOutside<HTMLDivElement>(handleClickOutside);
|
|
@@ -151,21 +141,11 @@ export function Dropdown({
|
|
|
151
141
|
}, [setOpen]);
|
|
152
142
|
|
|
153
143
|
return (
|
|
154
|
-
<
|
|
155
|
-
{
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
return (
|
|
161
|
-
<DropdownContext.Provider value={{ closeMenu: handleClose }}>
|
|
162
|
-
<div className={s['Dropdown']} ref={outsideRef}>
|
|
163
|
-
{renderTrigger({ open: isOpen, onClick: handleToggle })}
|
|
164
|
-
{isOpen && children}
|
|
165
|
-
</div>
|
|
166
|
-
</DropdownContext.Provider>
|
|
167
|
-
);
|
|
168
|
-
}}
|
|
169
|
-
</MediaQuery>
|
|
144
|
+
<DropdownContext.Provider value={{ closeMenu: handleClose }}>
|
|
145
|
+
<div className={s['Dropdown']} ref={outsideRef}>
|
|
146
|
+
{renderTrigger({ open: isOpen, onClick: handleToggle })}
|
|
147
|
+
{isOpen && children}
|
|
148
|
+
</div>
|
|
149
|
+
</DropdownContext.Provider>
|
|
170
150
|
);
|
|
171
151
|
}
|
package/src/Dropdown/Menu.tsx
CHANGED
|
@@ -10,30 +10,11 @@ import React, {
|
|
|
10
10
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
11
11
|
import { useInView } from 'react-intersection-observer';
|
|
12
12
|
import { Portal } from './Portal';
|
|
13
|
-
import { useMediaQuery } from '../useMediaQuery';
|
|
14
13
|
import { DropdownContext } from './DropdownContext';
|
|
15
14
|
import { Group } from './Group';
|
|
16
15
|
import { MenuContext } from './MenuContext';
|
|
17
|
-
import { Option } from './Option';
|
|
18
16
|
import s from './styles.module.css.json';
|
|
19
17
|
import { mergeRefs } from '../mergeRefs';
|
|
20
|
-
import classNames from 'classnames';
|
|
21
|
-
|
|
22
|
-
const MenuMobileContainer = ({
|
|
23
|
-
children,
|
|
24
|
-
}: {
|
|
25
|
-
children: React.ReactNode;
|
|
26
|
-
}): JSX.Element => (
|
|
27
|
-
<Portal>
|
|
28
|
-
<div
|
|
29
|
-
className={s['Dropdown__menu__mobile-container']}
|
|
30
|
-
style={{ zIndex: 1000 }}
|
|
31
|
-
>
|
|
32
|
-
<div className={s['Modal__backdrop']} />
|
|
33
|
-
{children}
|
|
34
|
-
</div>
|
|
35
|
-
</Portal>
|
|
36
|
-
);
|
|
37
18
|
|
|
38
19
|
const MenuDesktopContainer = React.forwardRef<
|
|
39
20
|
HTMLDivElement,
|
|
@@ -156,8 +137,6 @@ export const Menu = ({
|
|
|
156
137
|
typeof child === 'object' && 'type' in child && child.type === Group,
|
|
157
138
|
);
|
|
158
139
|
|
|
159
|
-
const { matches } = useMediaQuery('(max-width: 1024px)');
|
|
160
|
-
|
|
161
140
|
const addOption = useCallback(
|
|
162
141
|
(id: string) => {
|
|
163
142
|
setOptions((old) => [...old, { id }]);
|
|
@@ -297,20 +276,14 @@ export const Menu = ({
|
|
|
297
276
|
return () => window.removeEventListener('resize', reposition);
|
|
298
277
|
}, [reposition]);
|
|
299
278
|
|
|
300
|
-
const Wrapper = matches ? MenuMobileContainer : MenuDesktopContainer;
|
|
301
|
-
|
|
302
279
|
return (
|
|
303
280
|
<>
|
|
304
281
|
<div
|
|
305
282
|
ref={mergeRefs(observerRef, parentRef)}
|
|
306
283
|
className={s['Dropdown__spacer']}
|
|
307
284
|
/>
|
|
308
|
-
<
|
|
309
|
-
<div
|
|
310
|
-
className={classNames(s['Dropdown__menu'], {
|
|
311
|
-
[s['Dropdown__menu--fullscreen']]: matches,
|
|
312
|
-
})}
|
|
313
|
-
>
|
|
285
|
+
<MenuDesktopContainer ref={menuRef}>
|
|
286
|
+
<div className={s['Dropdown__menu']}>
|
|
314
287
|
{options.length > 5 && (
|
|
315
288
|
<div className={s['Dropdown__menu__search']}>
|
|
316
289
|
<input
|
|
@@ -338,14 +311,7 @@ export const Menu = ({
|
|
|
338
311
|
</div>
|
|
339
312
|
</MenuContext.Provider>
|
|
340
313
|
</div>
|
|
341
|
-
|
|
342
|
-
<div>
|
|
343
|
-
<div className={s['Dropdown__menu__inner']}>
|
|
344
|
-
<Option closeMenuOnClick>Close</Option>
|
|
345
|
-
</div>
|
|
346
|
-
</div>
|
|
347
|
-
) : null}
|
|
348
|
-
</Wrapper>
|
|
314
|
+
</MenuDesktopContainer>
|
|
349
315
|
</>
|
|
350
316
|
);
|
|
351
317
|
};
|
|
@@ -62,40 +62,6 @@
|
|
|
62
62
|
margin: 7px 0;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.Dropdown__menu--fullscreen {
|
|
66
|
-
position: fixed;
|
|
67
|
-
top: var(--spacing-xl);
|
|
68
|
-
right: var(--spacing-l);
|
|
69
|
-
bottom: 1em;
|
|
70
|
-
margin-bottom: var(--spacing-xxl);
|
|
71
|
-
left: var(--spacing-l);
|
|
72
|
-
z-index: 2;
|
|
73
|
-
pointer-events: auto;
|
|
74
|
-
animation: FullscreenDropdown__appear 0.2s ease-out forwards;
|
|
75
|
-
}
|
|
76
|
-
@keyframes FullscreenDropdown__appear {
|
|
77
|
-
0% {
|
|
78
|
-
opacity: 0;
|
|
79
|
-
transform: translateY(100%);
|
|
80
|
-
}
|
|
81
|
-
100% {
|
|
82
|
-
opacity: 1;
|
|
83
|
-
transform: translateY(0);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.Dropdown__menu__close {
|
|
88
|
-
position: fixed;
|
|
89
|
-
text-align: center;
|
|
90
|
-
top: auto;
|
|
91
|
-
right: var(--spacing-l);
|
|
92
|
-
bottom: var(--spacing-l);
|
|
93
|
-
left: var(--spacing-l);
|
|
94
|
-
z-index: 2;
|
|
95
|
-
margin-bottom: 0;
|
|
96
|
-
animation: FullscreenDropdown__appear 0.25s ease-out forwards;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
65
|
.Dropdown__menu__group__title {
|
|
100
66
|
padding: 5px 15px 3px;
|
|
101
67
|
color: var(--light-body-color);
|
|
@@ -288,44 +254,3 @@
|
|
|
288
254
|
.Dropdown__menu {
|
|
289
255
|
overflow-y: auto;
|
|
290
256
|
}
|
|
291
|
-
|
|
292
|
-
.Dropdown__menu__mobile-container {
|
|
293
|
-
position: fixed;
|
|
294
|
-
top: 0;
|
|
295
|
-
left: 0;
|
|
296
|
-
right: 0;
|
|
297
|
-
bottom: 0;
|
|
298
|
-
z-index: 10002;
|
|
299
|
-
overflow: auto;
|
|
300
|
-
|
|
301
|
-
.Dropdown__menu {
|
|
302
|
-
-webkit-overflow-scrolling: touch;
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
.Modal__backdrop {
|
|
307
|
-
background: linear-gradient(
|
|
308
|
-
to bottom,
|
|
309
|
-
rgba(48, 48, 47, 0.9),
|
|
310
|
-
rgba(48, 48, 47, 0.7)
|
|
311
|
-
);
|
|
312
|
-
position: fixed;
|
|
313
|
-
top: 0;
|
|
314
|
-
left: 0;
|
|
315
|
-
right: 0;
|
|
316
|
-
bottom: 0;
|
|
317
|
-
z-index: 1;
|
|
318
|
-
animation: Modal__appear 0.2s var(--material-ease);
|
|
319
|
-
animation-fill-mode: both;
|
|
320
|
-
pointer-events: none;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
@keyframes Modal__appear {
|
|
324
|
-
0% {
|
|
325
|
-
opacity: 0;
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
100% {
|
|
329
|
-
opacity: 1;
|
|
330
|
-
}
|
|
331
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"Dropdown":"
|
|
1
|
+
{"Dropdown":"_Dropdown_nie0g_1","Dropdown__spacer":"_Dropdown__spacer_nie0g_5","Dropdown__menu__search":"_Dropdown__menu__search_nie0g_11","Dropdown__menu__search__input":"_Dropdown__menu__search__input_nie0g_16","Dropdown__menu-container":"_Dropdown__menu-container_nie0g_45","Dropdown__menu":"_Dropdown__menu_nie0g_11","Dropdown__menu__inner":"_Dropdown__menu__inner_nie0g_61","Dropdown__menu__group__title":"_Dropdown__menu__group__title_nie0g_65","Dropdown__menu__group__content":"_Dropdown__menu__group__content_nie0g_73","Dropdown__menu__text":"_Dropdown__menu__text_nie0g_77","Dropdown__menu__option":"_Dropdown__menu__option_nie0g_86","Dropdown__menu__option--is-selected":"_Dropdown__menu__option--is-selected_nie0g_108","Dropdown__menu__option--is-disabled":"_Dropdown__menu__option--is-disabled_nie0g_112","Dropdown__menu__option__content":"_Dropdown__menu__option__content_nie0g_115","Dropdown__menu__option--is-dangerous":"_Dropdown__menu__option--is-dangerous_nie0g_120","Dropdown__menu__option--is-active":"_Dropdown__menu__option--is-active_nie0g_138","Dropdown__menu__option--is-valid":"_Dropdown__menu__option--is-valid_nie0g_147","Dropdown__menu__option--is-invalid":"_Dropdown__menu__option--is-invalid_nie0g_151","Dropdown__menu__option__icons":"_Dropdown__menu__option__icons_nie0g_194","Dropdown__menu__option__icon":"_Dropdown__menu__option__icon_nie0g_194","Dropdown__menu__option__icon--delete":"_Dropdown__menu__option__icon--delete_nie0g_241","Dropdown__menu__separator":"_Dropdown__menu__separator_nie0g_248"}
|
package/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:700;src:url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:700;src:url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:500;src:url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:500;src:url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:400;src:url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:400;src:url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("opentype")}html{font-size:16px;height:auto}body,html{margin:0;padding:0}._button_474wk_1{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;border-radius:4px;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-weight:var(--font-weight-bold);line-height:inherit;opacity:1;text-decoration:none;transition:all .3s var(--material-ease);vertical-align:middle;white-space:nowrap}._button_474wk_1:focus,._button_474wk_1:hover{opacity:.8}._button_474wk_1:active{opacity:.7}._disabled_474wk_30{cursor:not-allowed}._buttonType-muted_474wk_34{background-color:var(--light-color);color:var(--accent-color)}._buttonType-muted_474wk_34._disabled_474wk_30{background-color:var(--light-bg-color);color:rgba(0,0,0,.2)}._buttonType-muted_474wk_34._disabled_474wk_30:active,._buttonType-muted_474wk_34._disabled_474wk_30:focus,._buttonType-muted_474wk_34._disabled_474wk_30:hover{color:rgba(0,0,0,.2)}._buttonType-primary_474wk_50{background-color:var(--accent-color);color:#fff}._buttonType-primary_474wk_50:active,._buttonType-primary_474wk_50:focus,._buttonType-primary_474wk_50:hover{color:#fff}._buttonType-primary_474wk_50._disabled_474wk_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonType-primary_474wk_50._disabled_474wk_30:active,._buttonType-primary_474wk_50._disabled_474wk_30:focus,._buttonType-primary_474wk_50._disabled_474wk_30:hover{color:rgba(0,0,0,.2)}._buttonType-negative_474wk_71,._buttonType-negative_474wk_71:active,._buttonType-negative_474wk_71:focus,._buttonType-negative_474wk_71:hover{background-color:var(--alert-color);color:#fff}._buttonType-negative_474wk_71._disabled_474wk_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonSize-xxs_474wk_88{font-size:1em;padding:.5em .8em}._buttonSize-xs_474wk_93{font-size:1em;padding:.6em .8em}._buttonSize-s_474wk_98{font-size:1em;padding:.7em 1em}._buttonSize-m_474wk_103{font-size:1.1em;padding:.7em 1em}._buttonSize-l_474wk_108{font-size:1.2em;padding:.7em 1em}._buttonSize-xl_474wk_113{font-size:1.2em;padding:1em}._fullWidth_474wk_118{display:block;text-align:center;width:100%}._button__leftIcon_474wk_124,._button__rightIcon_474wk_125{display:inline-block;line-height:.6;vertical-align:middle}._button__leftIcon_474wk_124 svg,._button__rightIcon_474wk_125 svg{fill:var(--accent-color)}._button__leftIcon_474wk_124{margin-right:.5em}._button__leftIcon_474wk_124:last-child{margin-right:0}._button__rightIcon_474wk_125{margin-left:.5em}._button__rightIcon_474wk_125:first-child{margin-left:0}._Button_1h1w1_1{justify-column:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:0;border-right:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:0;box-sizing:border-box;color:var(--base-body-color);color:rgba(var(--base-body-color-rgb-components,.6));cursor:pointer;display:flex;font-family:inherit;font-size:inherit;line-height:inherit;padding:7px 13px}._Button_1h1w1_1:hover{background-color:var(--light-bg-color)}._Button_1h1w1_1 svg{fill:var(--light-body-color)}._Button--s_1h1w1_32{padding:3px 10px}._Button--disabled_1h1w1_36{color:var(--light-body-color);cursor:not-allowed}._Button--disabled_1h1w1_36:hover{background:#fff}._Button--selected_1h1w1_45{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}._Button--selected_1h1w1_45 svg{fill:#fff}._Button--selected_1h1w1_45:hover{background-color:var(--accent-color)}._Button--selected_1h1w1_45._Button--disabled_1h1w1_36,._Button--selected_1h1w1_45:hover{background-color:rgba(var(--accent-color-rgb-components),.8);border-color:rgba(var(--accent-color-rgb-components),.8)}._Button_1h1w1_1:first-child{border-left-width:1px;border-radius:4px 0 0 4px}._Button_1h1w1_1:last-child{border-radius:0 4px 4px 0}._Group_10mj4_1{align-items:stretch;background-color:#fff;display:flex;overflow:hidden}._themeVariables_ovgoa_1{--base-body-color:#34363a;--base-body-color-rgb-components:52,54,58;--light-body-color:#848484;--light-body-color-rgb-components:132,132,132;--placeholder-body-color:#c6c6c6;--placeholder-body-color-rgb-components:198,198,198;--light-bg-color:#f5f5f5;--light-bg-color-rgb-components:245,245,245;--lighter-bg-color:#f8f8f8;--lighter-bg-color-rgb-components:248,248,248;--disabled-bg-color:#ededed;--disabled-bg-color-rgb-components:237,237,237;--border-color:#f0f0f0;--border-color-rgb-components:240,240,240;--darker-border-color:#d7d7d7;--darker-border-color-rgb-components:215,215,215;--alert-color:#ff5e49;--alert-color-rgb-components:255,94,73;--warning-color:gold;--warning-color-rgb-components:255,215,0;--notice-color:#46d700;--notice-color-rgb-components:70,215,0;--warning-bg-color:#ffffe5;--warning-bg-color-rgb-components:255,255,229;--add-color:#4cb06d;--add-color-rgb-components:76,176,109;--remove-color:#eb576a;--remove-color-rgb-components:235,87,106;--base-font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;--monospaced-font-family:"Roboto Mono","Menlo","Bitstream Vera Sans Mono",Consolas,Courier,monospace;--font-weight-bold:500;--spacing-s:0.375rem;--spacing-m:0.75rem;--spacing-l:1.5rem;--spacing-xl:2.25rem;--spacing-xxl:3.75rem;--spacing-xxxl:6rem;--negative-spacing-s:-0.375rem;--negative-spacing-m:-0.75rem;--negative-spacing-l:-1.5rem;--negative-spacing-xl:-2.25rem;--negative-spacing-xxl:-3.75rem;--negative-spacing-xxxl:-6rem;--font-size-xxs:0.6875rem;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:0.9375rem;--font-size-l:1.0625rem;--font-size-xl:1.1875rem;--font-size-xxl:1.5625rem;--font-size-xxxl:1.875rem;--material-ease:cubic-bezier(0.55,0,0.1,1);--inertial-ease:cubic-bezier(0.19,1,0.22,1)}._canvas_ovgoa_68{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;color:var(--base-body-color);font-family:var(--base-font-family);font-size:var(--font-size-m);line-height:1.5}._inspector_u6041_1{margin:var(--spacing-l) 0}._panel_u6041_5{border-bottom:1px solid var(--border-color)}._panelHandle_u6041_9{all:inherit;background:var(--light-bg-color);border:0;box-sizing:border-box;cursor:pointer;display:block;font-weight:var(--font-weight-bold);padding:5px 10px;width:100%}._panelHandle_u6041_9:hover{background:var(--lighter-bg-color)}._panelBody_u6041_25{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:20px}._groupDescription_u6041_31{font-size:var(--font-size-s);line-height:1.2;margin-bottom:20px}._propertyGroup_u6041_37{border:1px solid var(--border-color);border-radius:5px}._propertyOrMethod_u6041_42{border-bottom:1px solid var(--border-color);line-height:1.2}._propertyOrMethod_u6041_42 p{margin:0}._propertyOrMethodBody_u6041_51{padding:15px}._propertyOrMethodExample_u6041_55{position:relative}._propertyOrMethodExample_u6041_55 pre{background:var(--light-bg-color);font-size:.8em;margin:0;max-height:240px;overflow:auto;padding:15px}._propertyOrMethodName_u6041_68{color:var(--light-body-color);display:block;font-family:var(--monospaced-font-family);font-size:.9em;font-weight:700;margin-bottom:5px;text-decoration:none}._propertyOrMethodName_u6041_68:hover{text-decoration:underline}._propertyOrMethodExampleActions_u6041_82{background:#fff;display:flex;padding:15px}._propertyOrMethodExampleActions_u6041_82>*{margin-right:10px}._fieldError_qi0xk_1{color:var(--alert-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._FieldGroup_uz9ju_1{display:block}._FieldGroup__item_uz9ju_5{display:block;margin-bottom:var(--spacing-l)}._FieldGroup__item_uz9ju_5:last-child{margin-bottom:0}._fieldHint_1avon_1{color:var(--light-body-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._fieldHint_1avon_1 a{color:inherit}._fieldHint_1avon_1 a:hover{text-decoration:none}._Form_5qspp_1,._Form__item_5qspp_5{display:block}._Form__item_5qspp_5:last-child{margin-bottom:0}._Form__item--default_5qspp_13{margin-bottom:var(--spacing-l)}._Form__item--condensed_5qspp_17{margin-bottom:var(--spacing-m)}._formLabel_tcjrv_1{align-items:center;color:var(--light-body-color);display:flex;margin-bottom:var(--spacing-s)}._formLabel_tcjrv_1:hover ._formLabel__code_tcjrv_8{opacity:1}._formLabel--error_tcjrv_14{color:var(--alert-color)}._formLabel__label_tcjrv_18{flex:1}._formLabel__code_tcjrv_8{font-family:var(--monospaced-font-family);font-size:.95em;opacity:0;position:absolute;transition:opacity .2s var(--material-ease)}._Section_zh95u_1{position:relative}._Section--highlighted_zh95u_5:before{animation:_pageContentSectionHighligh_zh95u_1 4s ease-in-out .25s forwards;border-radius:4px;bottom:-20px;box-shadow:0 0 0 4px var(--accent-color);content:"";left:-30px;pointer-events:none;position:absolute;right:-30px;top:-20px;z-index:10}._Section__header_zh95u_19{margin-bottom:var(--spacing-l);margin-left:var(--negative-spacing-l);margin-right:var(--negative-spacing-l);position:relative}._Section__header_zh95u_19:before{background-color:var(--border-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}._Section__title_zh95u_38{align-items:center;background-color:#fff;display:inline-flex;font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin-left:var(--spacing-m);margin-right:var(--spacing-l);padding-left:var(--spacing-m);padding-right:var(--spacing-m);position:relative;z-index:2}._Section__arrow_zh95u_55{all:initial;align-self:stretch;cursor:pointer;margin-right:.3em;width:15px}._Section__arrow_zh95u_55:before{border-bottom:6px solid transparent;border-left:6px solid var(--base-body-color);border-top:6px solid transparent;content:"";height:0;left:14px;margin-top:-6px;position:absolute;top:50%;transform-origin:50% 50%;transition:transform .2s ease-out;width:0}._Section__arrow_zh95u_55:hover:before{opacity:.7}._Section__arrow--is-open_zh95u_82:before{transform:rotate(90deg)}@keyframes _pageContentSectionHighligh_zh95u_1{0%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 4px rgba(var(--accent-color-rgb-components),.7)}15%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 80px transparent}75%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 80px transparent}to{box-shadow:0 0 0 4px transparent,0 0 0 80px transparent}}._SidebarPanel_4uwco_1{border-bottom:1px solid var(--border-color)}._SidebarPanel__header_4uwco_5{align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--light-bg-color);border:0;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:left;user-select:none;width:100%}._SidebarPanel__header_4uwco_5:focus,._SidebarPanel__header_4uwco_5:hover{background-color:var(--lighter-bg-color)}._SidebarPanel__header__title_4uwco_30{flex:1;font-weight:500;padding:0 20px}._SidebarPanel__header__chevron_4uwco_36{align-items:center;display:flex;padding:13px 15px}._SidebarPanel__content_4uwco_42{background-color:#fff;padding:20px}._SidebarPanel__content--no-padding_4uwco_47{padding:0}._Spinner--inline_oumod_1{display:inline-block;position:relative;vertical-align:middle}._Spinner--centered_oumod_7{left:50%;position:absolute;top:50%}._Spinner__bar_oumod_13{animation:_Spinner__spin_oumod_1 1.2s linear infinite;background-color:var(--light-body-color);height:14%;left:-20%;position:absolute;top:0;width:40%}@keyframes _Spinner__spin_oumod_1{0%{opacity:1}to{opacity:.15}}._switchField__flex_16z4j_1{align-items:center;display:flex}._switchField__switchInput_16z4j_6{width:55px}._switchField__label_16z4j_10{color:var(--base-body-color);flex:1;line-height:1.1;line-height:20px;margin-bottom:0;pointer-events:none;-moz-user-select:text;-ms-user-select:text;user-select:text}._switchField__below_16z4j_22{margin-left:55px;margin-top:var(--spacing-s)}._switchInput__inner_1knbg_1{color:#fff;font-size:12px;left:24px;position:absolute}._switchInput_1knbg_1{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}._switchInput_1knbg_1:after{animation-duration:.3s;animation-name:_switchInput__off_1knbg_1;animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}._switchInput_1knbg_1:focus:after,._switchInput_1knbg_1:hover{animation-name:_switchInput__on_1knbg_1;transform:scale(1.1)}._switchInput__checked_1knbg_47{background-color:var(--accent-color);border:1px solid var(--accent-color)}._switchInput__checked_1knbg_47 ._switchInput__inner_1knbg_1{left:6px}._switchInput__checked_1knbg_47:after{left:22px}._switchInput__disabled_1knbg_60{background:#ccc;border-color:#ccc;cursor:no-drop}._switchInput__disabled_1knbg_60:after{animation-name:_none_1knbg_1;background:#9e9e9e;cursor:no-drop}._switchInput__disabled_1knbg_60:focus:after,._switchInput__disabled_1knbg_60:hover{animation-name:_none_1knbg_1;transform:scale(1)}@keyframes _switchInput__on_1knbg_1{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes _switchInput__off_1knbg_1{0%{transform:scale(1.1)}to{transform:scale(1)}}._TextInput_x2oj2_1{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:0;box-sizing:border-box;display:block;font-family:inherit;font-size:var(--font-size-m);padding:10px;resize:none;transition:border .2s var(--material-ease);width:100%}._TextInput_x2oj2_1::placeholder{color:var(--placeholder-body-color)}._TextInput_x2oj2_1:hover{border-color:var(--darker-border-color)}._TextInput_x2oj2_1:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}._TextInput--monospaced_x2oj2_30{font-family:var(--monospaced-font-family);font-size:var(--font-size-s)}._TextInput--disabled_x2oj2_35{background:var(--lighter-bg-color);border-color:var(--border-color);color:var(--light-body-color)}._TextInput--error_x2oj2_41,._TextInput--error_x2oj2_41:focus,._TextInput--error_x2oj2_41:hover{border-color:var(--alert-color)}._TextInput--error_x2oj2_41:focus{box-shadow:0 0 0 3px rgba(var(--alert-color-rgb-components),.2)}._Button_fy6g6_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:flex;font-family:inherit;justify-content:center;line-height:inherit;min-height:49px;padding:0;width:49px}._Button_fy6g6_1:focus,._Button_fy6g6_1:hover{background-color:var(--light-bg-color)}._Button_fy6g6_1:first-child{border-left:0}._Button_fy6g6_1:last-child{border-right:0}@media screen and (min-width:380px){._Button_fy6g6_1{min-height:59px;width:59px}._Button_fy6g6_1 svg{font-size:20px}}._Stack_1nnzo_1{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:center;padding:10px 15px}._Stack--s_1nnzo_10{padding-bottom:var(--spacing-s);padding-top:var(--spacing-s)}._Stack--l_1nnzo_15{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}._Title_1dx5n_1{font-size:var(--font-size-l);font-weight:500;line-height:1.1;margin-right:15px}@media screen and (min-width:380px){._Title_1dx5n_1{font-size:var(--font-size-xl)}}._Toolbar_1cwb8_1{align-items:stretch;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;position:relative}._Toolbar_1cwb8_1:first-child{border-top-width:0}._Toolbar_1cwb8_1:last-child{border-bottom-width:0}._Dropdown_1hebg_1{position:relative}._Dropdown__spacer_1hebg_5{inset:0;pointer-events:none;position:absolute}._Dropdown__menu__search_1hebg_11{border-bottom:1px solid var(--border-color);padding:7px}._Dropdown__menu__search__input_1hebg_16{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;display:block;font-family:inherit;font-size:.9em;padding:8px;resize:none;transition:border .2s var(--material-ease);width:100%}._Dropdown__menu__search__input_1hebg_16::placeholder{color:var(--placeholder-body-color)}._Dropdown__menu__search__input_1hebg_16:hover{border-color:var(--darker-border-color)}._Dropdown__menu__search__input_1hebg_16:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}._Dropdown__menu-container_1hebg_45{position:fixed;visibility:hidden}._Dropdown__menu_1hebg_11{background-color:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);margin-bottom:var(--spacing-xl);margin-top:10px;min-width:200px;padding:1px 0;text-align:initial}._Dropdown__menu__inner_1hebg_61{margin:7px 0}._Dropdown__menu--fullscreen_1hebg_65{animation:_FullscreenDropdown__appear_1hebg_1 .2s ease-out forwards;bottom:1em;left:var(--spacing-l);margin-bottom:var(--spacing-xxl);pointer-events:auto;position:fixed;right:var(--spacing-l);top:var(--spacing-xl);z-index:2}@keyframes _FullscreenDropdown__appear_1hebg_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}._Dropdown__menu__close_1hebg_87{animation:_FullscreenDropdown__appear_1hebg_1 .25s ease-out forwards;bottom:var(--spacing-l);left:var(--spacing-l);margin-bottom:0;position:fixed;right:var(--spacing-l);text-align:center;top:auto;z-index:2}._Dropdown__menu__group__title_1hebg_99{background-color:var(--light-bg-color);color:var(--light-body-color);font-size:var(--font-size-xs);padding:5px 15px 3px;text-transform:uppercase}._Dropdown__menu__group__content_1hebg_107{margin:8px 0}._Dropdown__menu__text_1hebg_111{color:var(--light-body-color);display:block;line-height:1.2;padding:4px 15px;position:relative;text-align:left}._Dropdown__menu__option_1hebg_120{align-items:center;color:var(--base-body-color);display:flex;padding:4px 15px;position:relative;text-align:left;text-decoration:none;white-space:nowrap}._Dropdown__menu__option_1hebg_120:focus,._Dropdown__menu__option_1hebg_120:hover{background-color:var(--light-bg-color)}._Dropdown__menu__option_1hebg_120>a{color:inherit;display:block;text-decoration:none}._Dropdown__menu__option--is-selected_1hebg_142{background-color:var(--light-bg-color)}._Dropdown__menu__option--is-disabled_1hebg_146{opacity:.5}._Dropdown__menu__option--is-disabled_1hebg_146 ._Dropdown__menu__option__content_1hebg_149{cursor:not-allowed}._Dropdown__menu__option--is-dangerous_1hebg_154{color:var(--alert-color)}._Dropdown__menu__option--is-dangerous_1hebg_154 svg{fill:var(--alert-color)}._Dropdown__menu__option--is-dangerous_1hebg_154:focus,._Dropdown__menu__option--is-dangerous_1hebg_154:hover{background-color:var(--alert-color);color:#fff}._Dropdown__menu__option--is-dangerous_1hebg_154:focus svg,._Dropdown__menu__option--is-dangerous_1hebg_154:hover svg{fill:#fff}._Dropdown__menu__option--is-active_1hebg_172{font-weight:500}._Dropdown__menu__option--is-active_1hebg_172:focus,._Dropdown__menu__option--is-active_1hebg_172:hover{background-color:none}._Dropdown__menu__option--is-invalid_1hebg_185,._Dropdown__menu__option--is-valid_1hebg_181{padding-left:35px}._Dropdown__menu__option--is-invalid_1hebg_185:before{background-color:var(--alert-color);border-radius:4px;content:"";font-size:12px;height:8px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:8px}._Dropdown__menu__option__content_1hebg_149{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;text-align:left}._Dropdown__menu__option__content_1hebg_149>svg{fill:var(--light-body-color);color:var(--light-body-color);display:inline-block;font-size:13px;padding-right:8px;vertical-align:middle}._Dropdown__menu__option__icons_1hebg_228{align-items:center;display:flex;padding-left:15px}._Dropdown__menu__option__icon_1hebg_228{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:var(--base-body-color);color:var(--light-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;font-size:13px;line-height:inherit;line-height:10px;opacity:0;padding:3px;position:relative;top:-1px;transition:transform .1s ease-in-out;width:100%;width:auto}._Dropdown__menu__option_1hebg_120:focus ._Dropdown__menu__option__icon_1hebg_228,._Dropdown__menu__option_1hebg_120:hover ._Dropdown__menu__option__icon_1hebg_228{opacity:1}._Dropdown__menu__option__icon_1hebg_228:focus,._Dropdown__menu__option__icon_1hebg_228:hover{transform:scale(1.2)}._Dropdown__menu__option__icon_1hebg_228 svg{fill:var(--light-body-color)}._Dropdown__menu__option__icon--delete_1hebg_275{color:var(--alert-color)}._Dropdown__menu__option__icon--delete_1hebg_275 svg{fill:var(--alert-color)}._Dropdown__menu__separator_1hebg_282{background-color:var(--border-color);height:1px;margin:8px 0}._Dropdown__menu_1hebg_11{overflow-y:auto}._Dropdown__menu__mobile-container_1hebg_292{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:10002}._Dropdown__menu__mobile-container_1hebg_292 ._Dropdown__menu_1hebg_11{-webkit-overflow-scrolling:touch}._Modal__backdrop_1hebg_306{animation:_Modal__appear_1hebg_1 .2s var(--material-ease);animation-fill-mode:both;background:linear-gradient(180deg,rgba(48,48,47,.9),rgba(48,48,47,.7));bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes _Modal__appear_1hebg_1{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:700;src:url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:700;src:url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:500;src:url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/522c51/00000000000000003b9acde6/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:500;src:url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/4e71b3/00000000000000003b9acde7/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:normal;font-weight:400;src:url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype")}@font-face{font-display:auto;font-family:colfax-web;font-style:italic;font-weight:400;src:url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/c1cc04/00000000000000003b9acde5/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("opentype")}html{font-size:16px;height:auto}body,html{margin:0;padding:0}._button_474wk_1{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;border-radius:4px;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-weight:var(--font-weight-bold);line-height:inherit;opacity:1;text-decoration:none;transition:all .3s var(--material-ease);vertical-align:middle;white-space:nowrap}._button_474wk_1:focus,._button_474wk_1:hover{opacity:.8}._button_474wk_1:active{opacity:.7}._disabled_474wk_30{cursor:not-allowed}._buttonType-muted_474wk_34{background-color:var(--light-color);color:var(--accent-color)}._buttonType-muted_474wk_34._disabled_474wk_30{background-color:var(--light-bg-color);color:rgba(0,0,0,.2)}._buttonType-muted_474wk_34._disabled_474wk_30:active,._buttonType-muted_474wk_34._disabled_474wk_30:focus,._buttonType-muted_474wk_34._disabled_474wk_30:hover{color:rgba(0,0,0,.2)}._buttonType-primary_474wk_50{background-color:var(--accent-color);color:#fff}._buttonType-primary_474wk_50:active,._buttonType-primary_474wk_50:focus,._buttonType-primary_474wk_50:hover{color:#fff}._buttonType-primary_474wk_50._disabled_474wk_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonType-primary_474wk_50._disabled_474wk_30:active,._buttonType-primary_474wk_50._disabled_474wk_30:focus,._buttonType-primary_474wk_50._disabled_474wk_30:hover{color:rgba(0,0,0,.2)}._buttonType-negative_474wk_71,._buttonType-negative_474wk_71:active,._buttonType-negative_474wk_71:focus,._buttonType-negative_474wk_71:hover{background-color:var(--alert-color);color:#fff}._buttonType-negative_474wk_71._disabled_474wk_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonSize-xxs_474wk_88{font-size:1em;padding:.5em .8em}._buttonSize-xs_474wk_93{font-size:1em;padding:.6em .8em}._buttonSize-s_474wk_98{font-size:1em;padding:.7em 1em}._buttonSize-m_474wk_103{font-size:1.1em;padding:.7em 1em}._buttonSize-l_474wk_108{font-size:1.2em;padding:.7em 1em}._buttonSize-xl_474wk_113{font-size:1.2em;padding:1em}._fullWidth_474wk_118{display:block;text-align:center;width:100%}._button__leftIcon_474wk_124,._button__rightIcon_474wk_125{display:inline-block;line-height:.6;vertical-align:middle}._button__leftIcon_474wk_124 svg,._button__rightIcon_474wk_125 svg{fill:var(--accent-color)}._button__leftIcon_474wk_124{margin-right:.5em}._button__leftIcon_474wk_124:last-child{margin-right:0}._button__rightIcon_474wk_125{margin-left:.5em}._button__rightIcon_474wk_125:first-child{margin-left:0}._Button_1h1w1_1{justify-column:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:0;border-right:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:0;box-sizing:border-box;color:var(--base-body-color);color:rgba(var(--base-body-color-rgb-components,.6));cursor:pointer;display:flex;font-family:inherit;font-size:inherit;line-height:inherit;padding:7px 13px}._Button_1h1w1_1:hover{background-color:var(--light-bg-color)}._Button_1h1w1_1 svg{fill:var(--light-body-color)}._Button--s_1h1w1_32{padding:3px 10px}._Button--disabled_1h1w1_36{color:var(--light-body-color);cursor:not-allowed}._Button--disabled_1h1w1_36:hover{background:#fff}._Button--selected_1h1w1_45{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}._Button--selected_1h1w1_45 svg{fill:#fff}._Button--selected_1h1w1_45:hover{background-color:var(--accent-color)}._Button--selected_1h1w1_45._Button--disabled_1h1w1_36,._Button--selected_1h1w1_45:hover{background-color:rgba(var(--accent-color-rgb-components),.8);border-color:rgba(var(--accent-color-rgb-components),.8)}._Button_1h1w1_1:first-child{border-left-width:1px;border-radius:4px 0 0 4px}._Button_1h1w1_1:last-child{border-radius:0 4px 4px 0}._Group_10mj4_1{align-items:stretch;background-color:#fff;display:flex;overflow:hidden}._themeVariables_ovgoa_1{--base-body-color:#34363a;--base-body-color-rgb-components:52,54,58;--light-body-color:#848484;--light-body-color-rgb-components:132,132,132;--placeholder-body-color:#c6c6c6;--placeholder-body-color-rgb-components:198,198,198;--light-bg-color:#f5f5f5;--light-bg-color-rgb-components:245,245,245;--lighter-bg-color:#f8f8f8;--lighter-bg-color-rgb-components:248,248,248;--disabled-bg-color:#ededed;--disabled-bg-color-rgb-components:237,237,237;--border-color:#f0f0f0;--border-color-rgb-components:240,240,240;--darker-border-color:#d7d7d7;--darker-border-color-rgb-components:215,215,215;--alert-color:#ff5e49;--alert-color-rgb-components:255,94,73;--warning-color:gold;--warning-color-rgb-components:255,215,0;--notice-color:#46d700;--notice-color-rgb-components:70,215,0;--warning-bg-color:#ffffe5;--warning-bg-color-rgb-components:255,255,229;--add-color:#4cb06d;--add-color-rgb-components:76,176,109;--remove-color:#eb576a;--remove-color-rgb-components:235,87,106;--base-font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;--monospaced-font-family:"Roboto Mono","Menlo","Bitstream Vera Sans Mono",Consolas,Courier,monospace;--font-weight-bold:500;--spacing-s:0.375rem;--spacing-m:0.75rem;--spacing-l:1.5rem;--spacing-xl:2.25rem;--spacing-xxl:3.75rem;--spacing-xxxl:6rem;--negative-spacing-s:-0.375rem;--negative-spacing-m:-0.75rem;--negative-spacing-l:-1.5rem;--negative-spacing-xl:-2.25rem;--negative-spacing-xxl:-3.75rem;--negative-spacing-xxxl:-6rem;--font-size-xxs:0.6875rem;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:0.9375rem;--font-size-l:1.0625rem;--font-size-xl:1.1875rem;--font-size-xxl:1.5625rem;--font-size-xxxl:1.875rem;--material-ease:cubic-bezier(0.55,0,0.1,1);--inertial-ease:cubic-bezier(0.19,1,0.22,1)}._canvas_ovgoa_68{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;color:var(--base-body-color);font-family:var(--base-font-family);font-size:var(--font-size-m);line-height:1.5}._inspector_u6041_1{margin:var(--spacing-l) 0}._panel_u6041_5{border-bottom:1px solid var(--border-color)}._panelHandle_u6041_9{all:inherit;background:var(--light-bg-color);border:0;box-sizing:border-box;cursor:pointer;display:block;font-weight:var(--font-weight-bold);padding:5px 10px;width:100%}._panelHandle_u6041_9:hover{background:var(--lighter-bg-color)}._panelBody_u6041_25{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:20px}._groupDescription_u6041_31{font-size:var(--font-size-s);line-height:1.2;margin-bottom:20px}._propertyGroup_u6041_37{border:1px solid var(--border-color);border-radius:5px}._propertyOrMethod_u6041_42{border-bottom:1px solid var(--border-color);line-height:1.2}._propertyOrMethod_u6041_42 p{margin:0}._propertyOrMethodBody_u6041_51{padding:15px}._propertyOrMethodExample_u6041_55{position:relative}._propertyOrMethodExample_u6041_55 pre{background:var(--light-bg-color);font-size:.8em;margin:0;max-height:240px;overflow:auto;padding:15px}._propertyOrMethodName_u6041_68{color:var(--light-body-color);display:block;font-family:var(--monospaced-font-family);font-size:.9em;font-weight:700;margin-bottom:5px;text-decoration:none}._propertyOrMethodName_u6041_68:hover{text-decoration:underline}._propertyOrMethodExampleActions_u6041_82{background:#fff;display:flex;padding:15px}._propertyOrMethodExampleActions_u6041_82>*{margin-right:10px}._fieldError_qi0xk_1{color:var(--alert-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._FieldGroup_uz9ju_1{display:block}._FieldGroup__item_uz9ju_5{display:block;margin-bottom:var(--spacing-l)}._FieldGroup__item_uz9ju_5:last-child{margin-bottom:0}._fieldHint_1avon_1{color:var(--light-body-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._fieldHint_1avon_1 a{color:inherit}._fieldHint_1avon_1 a:hover{text-decoration:none}._Form_5qspp_1,._Form__item_5qspp_5{display:block}._Form__item_5qspp_5:last-child{margin-bottom:0}._Form__item--default_5qspp_13{margin-bottom:var(--spacing-l)}._Form__item--condensed_5qspp_17{margin-bottom:var(--spacing-m)}._formLabel_tcjrv_1{align-items:center;color:var(--light-body-color);display:flex;margin-bottom:var(--spacing-s)}._formLabel_tcjrv_1:hover ._formLabel__code_tcjrv_8{opacity:1}._formLabel--error_tcjrv_14{color:var(--alert-color)}._formLabel__label_tcjrv_18{flex:1}._formLabel__code_tcjrv_8{font-family:var(--monospaced-font-family);font-size:.95em;opacity:0;position:absolute;transition:opacity .2s var(--material-ease)}._Section_zh95u_1{position:relative}._Section--highlighted_zh95u_5:before{animation:_pageContentSectionHighligh_zh95u_1 4s ease-in-out .25s forwards;border-radius:4px;bottom:-20px;box-shadow:0 0 0 4px var(--accent-color);content:"";left:-30px;pointer-events:none;position:absolute;right:-30px;top:-20px;z-index:10}._Section__header_zh95u_19{margin-bottom:var(--spacing-l);margin-left:var(--negative-spacing-l);margin-right:var(--negative-spacing-l);position:relative}._Section__header_zh95u_19:before{background-color:var(--border-color);content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}._Section__title_zh95u_38{align-items:center;background-color:#fff;display:inline-flex;font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin-left:var(--spacing-m);margin-right:var(--spacing-l);padding-left:var(--spacing-m);padding-right:var(--spacing-m);position:relative;z-index:2}._Section__arrow_zh95u_55{all:initial;align-self:stretch;cursor:pointer;margin-right:.3em;width:15px}._Section__arrow_zh95u_55:before{border-bottom:6px solid transparent;border-left:6px solid var(--base-body-color);border-top:6px solid transparent;content:"";height:0;left:14px;margin-top:-6px;position:absolute;top:50%;transform-origin:50% 50%;transition:transform .2s ease-out;width:0}._Section__arrow_zh95u_55:hover:before{opacity:.7}._Section__arrow--is-open_zh95u_82:before{transform:rotate(90deg)}@keyframes _pageContentSectionHighligh_zh95u_1{0%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 4px rgba(var(--accent-color-rgb-components),.7)}15%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 80px transparent}75%{box-shadow:0 0 0 4px var(--accent-color),0 0 0 80px transparent}to{box-shadow:0 0 0 4px transparent,0 0 0 80px transparent}}._SidebarPanel_4uwco_1{border-bottom:1px solid var(--border-color)}._SidebarPanel__header_4uwco_5{align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--light-bg-color);border:0;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:left;user-select:none;width:100%}._SidebarPanel__header_4uwco_5:focus,._SidebarPanel__header_4uwco_5:hover{background-color:var(--lighter-bg-color)}._SidebarPanel__header__title_4uwco_30{flex:1;font-weight:500;padding:0 20px}._SidebarPanel__header__chevron_4uwco_36{align-items:center;display:flex;padding:13px 15px}._SidebarPanel__content_4uwco_42{background-color:#fff;padding:20px}._SidebarPanel__content--no-padding_4uwco_47{padding:0}._Spinner--inline_oumod_1{display:inline-block;position:relative;vertical-align:middle}._Spinner--centered_oumod_7{left:50%;position:absolute;top:50%}._Spinner__bar_oumod_13{animation:_Spinner__spin_oumod_1 1.2s linear infinite;background-color:var(--light-body-color);height:14%;left:-20%;position:absolute;top:0;width:40%}@keyframes _Spinner__spin_oumod_1{0%{opacity:1}to{opacity:.15}}._switchField__flex_16z4j_1{align-items:center;display:flex}._switchField__switchInput_16z4j_6{width:55px}._switchField__label_16z4j_10{color:var(--base-body-color);flex:1;line-height:1.1;line-height:20px;margin-bottom:0;pointer-events:none;-moz-user-select:text;-ms-user-select:text;user-select:text}._switchField__below_16z4j_22{margin-left:55px;margin-top:var(--spacing-s)}._switchInput__inner_1knbg_1{color:#fff;font-size:12px;left:24px;position:absolute}._switchInput_1knbg_1{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}._switchInput_1knbg_1:after{animation-duration:.3s;animation-name:_switchInput__off_1knbg_1;animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}._switchInput_1knbg_1:focus:after,._switchInput_1knbg_1:hover{animation-name:_switchInput__on_1knbg_1;transform:scale(1.1)}._switchInput__checked_1knbg_47{background-color:var(--accent-color);border:1px solid var(--accent-color)}._switchInput__checked_1knbg_47 ._switchInput__inner_1knbg_1{left:6px}._switchInput__checked_1knbg_47:after{left:22px}._switchInput__disabled_1knbg_60{background:#ccc;border-color:#ccc;cursor:no-drop}._switchInput__disabled_1knbg_60:after{animation-name:_none_1knbg_1;background:#9e9e9e;cursor:no-drop}._switchInput__disabled_1knbg_60:focus:after,._switchInput__disabled_1knbg_60:hover{animation-name:_none_1knbg_1;transform:scale(1)}@keyframes _switchInput__on_1knbg_1{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes _switchInput__off_1knbg_1{0%{transform:scale(1.1)}to{transform:scale(1)}}._TextInput_x2oj2_1{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:0;box-sizing:border-box;display:block;font-family:inherit;font-size:var(--font-size-m);padding:10px;resize:none;transition:border .2s var(--material-ease);width:100%}._TextInput_x2oj2_1::placeholder{color:var(--placeholder-body-color)}._TextInput_x2oj2_1:hover{border-color:var(--darker-border-color)}._TextInput_x2oj2_1:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}._TextInput--monospaced_x2oj2_30{font-family:var(--monospaced-font-family);font-size:var(--font-size-s)}._TextInput--disabled_x2oj2_35{background:var(--lighter-bg-color);border-color:var(--border-color);color:var(--light-body-color)}._TextInput--error_x2oj2_41,._TextInput--error_x2oj2_41:focus,._TextInput--error_x2oj2_41:hover{border-color:var(--alert-color)}._TextInput--error_x2oj2_41:focus{box-shadow:0 0 0 3px rgba(var(--alert-color-rgb-components),.2)}._Button_fy6g6_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:flex;font-family:inherit;justify-content:center;line-height:inherit;min-height:49px;padding:0;width:49px}._Button_fy6g6_1:focus,._Button_fy6g6_1:hover{background-color:var(--light-bg-color)}._Button_fy6g6_1:first-child{border-left:0}._Button_fy6g6_1:last-child{border-right:0}@media screen and (min-width:380px){._Button_fy6g6_1{min-height:59px;width:59px}._Button_fy6g6_1 svg{font-size:20px}}._Stack_1nnzo_1{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:center;padding:10px 15px}._Stack--s_1nnzo_10{padding-bottom:var(--spacing-s);padding-top:var(--spacing-s)}._Stack--l_1nnzo_15{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}._Title_1dx5n_1{font-size:var(--font-size-l);font-weight:500;line-height:1.1;margin-right:15px}@media screen and (min-width:380px){._Title_1dx5n_1{font-size:var(--font-size-xl)}}._Toolbar_1cwb8_1{align-items:stretch;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;position:relative}._Toolbar_1cwb8_1:first-child{border-top-width:0}._Toolbar_1cwb8_1:last-child{border-bottom-width:0}._Dropdown_nie0g_1{position:relative}._Dropdown__spacer_nie0g_5{inset:0;pointer-events:none;position:absolute}._Dropdown__menu__search_nie0g_11{border-bottom:1px solid var(--border-color);padding:7px}._Dropdown__menu__search__input_nie0g_16{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;display:block;font-family:inherit;font-size:.9em;padding:8px;resize:none;transition:border .2s var(--material-ease);width:100%}._Dropdown__menu__search__input_nie0g_16::placeholder{color:var(--placeholder-body-color)}._Dropdown__menu__search__input_nie0g_16:hover{border-color:var(--darker-border-color)}._Dropdown__menu__search__input_nie0g_16:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}._Dropdown__menu-container_nie0g_45{position:fixed;visibility:hidden}._Dropdown__menu_nie0g_11{background-color:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);margin-bottom:var(--spacing-xl);margin-top:10px;min-width:200px;padding:1px 0;text-align:initial}._Dropdown__menu__inner_nie0g_61{margin:7px 0}._Dropdown__menu__group__title_nie0g_65{background-color:var(--light-bg-color);color:var(--light-body-color);font-size:var(--font-size-xs);padding:5px 15px 3px;text-transform:uppercase}._Dropdown__menu__group__content_nie0g_73{margin:8px 0}._Dropdown__menu__text_nie0g_77{color:var(--light-body-color);display:block;line-height:1.2;padding:4px 15px;position:relative;text-align:left}._Dropdown__menu__option_nie0g_86{align-items:center;color:var(--base-body-color);display:flex;padding:4px 15px;position:relative;text-align:left;text-decoration:none;white-space:nowrap}._Dropdown__menu__option_nie0g_86:focus,._Dropdown__menu__option_nie0g_86:hover{background-color:var(--light-bg-color)}._Dropdown__menu__option_nie0g_86>a{color:inherit;display:block;text-decoration:none}._Dropdown__menu__option--is-selected_nie0g_108{background-color:var(--light-bg-color)}._Dropdown__menu__option--is-disabled_nie0g_112{opacity:.5}._Dropdown__menu__option--is-disabled_nie0g_112 ._Dropdown__menu__option__content_nie0g_115{cursor:not-allowed}._Dropdown__menu__option--is-dangerous_nie0g_120{color:var(--alert-color)}._Dropdown__menu__option--is-dangerous_nie0g_120 svg{fill:var(--alert-color)}._Dropdown__menu__option--is-dangerous_nie0g_120:focus,._Dropdown__menu__option--is-dangerous_nie0g_120:hover{background-color:var(--alert-color);color:#fff}._Dropdown__menu__option--is-dangerous_nie0g_120:focus svg,._Dropdown__menu__option--is-dangerous_nie0g_120:hover svg{fill:#fff}._Dropdown__menu__option--is-active_nie0g_138{font-weight:500}._Dropdown__menu__option--is-active_nie0g_138:focus,._Dropdown__menu__option--is-active_nie0g_138:hover{background-color:none}._Dropdown__menu__option--is-invalid_nie0g_151,._Dropdown__menu__option--is-valid_nie0g_147{padding-left:35px}._Dropdown__menu__option--is-invalid_nie0g_151:before{background-color:var(--alert-color);border-radius:4px;content:"";font-size:12px;height:8px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:8px}._Dropdown__menu__option__content_nie0g_115{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;text-align:left}._Dropdown__menu__option__content_nie0g_115>svg{fill:var(--light-body-color);color:var(--light-body-color);display:inline-block;font-size:13px;padding-right:8px;vertical-align:middle}._Dropdown__menu__option__icons_nie0g_194{align-items:center;display:flex;padding-left:15px}._Dropdown__menu__option__icon_nie0g_194{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:var(--base-body-color);color:var(--light-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;font-size:13px;line-height:inherit;line-height:10px;opacity:0;padding:3px;position:relative;top:-1px;transition:transform .1s ease-in-out;width:100%;width:auto}._Dropdown__menu__option_nie0g_86:focus ._Dropdown__menu__option__icon_nie0g_194,._Dropdown__menu__option_nie0g_86:hover ._Dropdown__menu__option__icon_nie0g_194{opacity:1}._Dropdown__menu__option__icon_nie0g_194:focus,._Dropdown__menu__option__icon_nie0g_194:hover{transform:scale(1.2)}._Dropdown__menu__option__icon_nie0g_194 svg{fill:var(--light-body-color)}._Dropdown__menu__option__icon--delete_nie0g_241{color:var(--alert-color)}._Dropdown__menu__option__icon--delete_nie0g_241 svg{fill:var(--alert-color)}._Dropdown__menu__separator_nie0g_248{background-color:var(--border-color);height:1px;margin:8px 0}._Dropdown__menu_nie0g_11{overflow-y:auto}
|
package/types.json
CHANGED
|
@@ -10150,7 +10150,7 @@
|
|
|
10150
10150
|
"sources": [
|
|
10151
10151
|
{
|
|
10152
10152
|
"fileName": "src/Dropdown/Menu.tsx",
|
|
10153
|
-
"line":
|
|
10153
|
+
"line": 108,
|
|
10154
10154
|
"character": 12
|
|
10155
10155
|
}
|
|
10156
10156
|
],
|
|
@@ -10174,7 +10174,7 @@
|
|
|
10174
10174
|
"sources": [
|
|
10175
10175
|
{
|
|
10176
10176
|
"fileName": "src/Dropdown/Menu.tsx",
|
|
10177
|
-
"line":
|
|
10177
|
+
"line": 110,
|
|
10178
10178
|
"character": 2
|
|
10179
10179
|
}
|
|
10180
10180
|
],
|
|
@@ -10201,7 +10201,7 @@
|
|
|
10201
10201
|
"sources": [
|
|
10202
10202
|
{
|
|
10203
10203
|
"fileName": "src/Dropdown/Menu.tsx",
|
|
10204
|
-
"line":
|
|
10204
|
+
"line": 109,
|
|
10205
10205
|
"character": 2
|
|
10206
10206
|
}
|
|
10207
10207
|
],
|
|
@@ -10224,7 +10224,7 @@
|
|
|
10224
10224
|
"sources": [
|
|
10225
10225
|
{
|
|
10226
10226
|
"fileName": "src/Dropdown/Menu.tsx",
|
|
10227
|
-
"line":
|
|
10227
|
+
"line": 108,
|
|
10228
10228
|
"character": 24
|
|
10229
10229
|
}
|
|
10230
10230
|
]
|
|
@@ -10665,7 +10665,7 @@
|
|
|
10665
10665
|
"sources": [
|
|
10666
10666
|
{
|
|
10667
10667
|
"fileName": "src/Dropdown/Dropdown.tsx",
|
|
10668
|
-
"line":
|
|
10668
|
+
"line": 11,
|
|
10669
10669
|
"character": 12
|
|
10670
10670
|
}
|
|
10671
10671
|
],
|
|
@@ -10687,7 +10687,7 @@
|
|
|
10687
10687
|
"sources": [
|
|
10688
10688
|
{
|
|
10689
10689
|
"fileName": "src/Dropdown/Dropdown.tsx",
|
|
10690
|
-
"line":
|
|
10690
|
+
"line": 13,
|
|
10691
10691
|
"character": 2
|
|
10692
10692
|
}
|
|
10693
10693
|
],
|
|
@@ -10705,7 +10705,7 @@
|
|
|
10705
10705
|
"sources": [
|
|
10706
10706
|
{
|
|
10707
10707
|
"fileName": "src/Dropdown/Dropdown.tsx",
|
|
10708
|
-
"line":
|
|
10708
|
+
"line": 12,
|
|
10709
10709
|
"character": 2
|
|
10710
10710
|
}
|
|
10711
10711
|
],
|
|
@@ -10756,7 +10756,7 @@
|
|
|
10756
10756
|
"sources": [
|
|
10757
10757
|
{
|
|
10758
10758
|
"fileName": "src/Dropdown/Dropdown.tsx",
|
|
10759
|
-
"line":
|
|
10759
|
+
"line": 11,
|
|
10760
10760
|
"character": 28
|
|
10761
10761
|
}
|
|
10762
10762
|
]
|
|
@@ -13403,7 +13403,7 @@
|
|
|
13403
13403
|
"sources": [
|
|
13404
13404
|
{
|
|
13405
13405
|
"fileName": "src/Dropdown/Dropdown.tsx",
|
|
13406
|
-
"line":
|
|
13406
|
+
"line": 118,
|
|
13407
13407
|
"character": 16
|
|
13408
13408
|
}
|
|
13409
13409
|
],
|
|
@@ -13505,7 +13505,7 @@
|
|
|
13505
13505
|
"sources": [
|
|
13506
13506
|
{
|
|
13507
13507
|
"fileName": "src/Dropdown/Menu.tsx",
|
|
13508
|
-
"line":
|
|
13508
|
+
"line": 113,
|
|
13509
13509
|
"character": 13
|
|
13510
13510
|
}
|
|
13511
13511
|
],
|