@procore/core-react 12.24.0 → 12.25.0

package/dist/Modal/Modal.styles.js

@@ -31,15 +31,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_24_0__sc-1ijdug2-0"
+  componentId: "core-12_25_0__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_24_0__sc-1ijdug2-1"
+  componentId: "core-12_25_0__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_24_0__sc-1ijdug2-2"
+  componentId: "core-12_25_0__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -63,11 +63,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_24_0__sc-1ijdug2-3"
+  componentId: "core-12_25_0__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_24_0__sc-1ijdug2-4"
+  componentId: "core-12_25_0__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -84,7 +84,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_24_0__sc-1ijdug2-5"
+  componentId: "core-12_25_0__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -95,11 +95,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_24_0__sc-1ijdug2-6"
+  componentId: "core-12_25_0__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_24_0__sc-1ijdug2-7"
+  componentId: "core-12_25_0__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -117,7 +117,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_24_0__sc-1ijdug2-8"
+  componentId: "core-12_25_0__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
   var $compact = _ref0.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -133,18 +133,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_24_0__sc-1ijdug2-9"
+  componentId: "core-12_25_0__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_24_0__sc-1ijdug2-10"
+  componentId: "core-12_25_0__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_24_0__sc-1ijdug2-11"
+  componentId: "core-12_25_0__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_24_0__sc-1ijdug2-12"
+  componentId: "core-12_25_0__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/storyHelpers.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare function EscapefulFieldSet(): React.JSX.Element;
+export declare function UserInteractionSet(): React.JSX.Element;

package/dist/Modal/storyHelpers.js

@@ -1,29 +1,31 @@
-var _excluded = ["label", "children"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { Box } from '../Box/Box';
 import { Dropdown } from '../Dropdown/Dropdown';
 import { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout';
 import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { PillSelect } from '../PillSelect/PillSelect';
+import { useId } from '@react-aria/utils';
+import { Button } from '../Button';
+import { Content } from '../Content';
+import { Actions } from '../Content/Content';
+import { Field } from '../Field';
+import { Flex } from '../Flex';
+import { Form } from '../Form';
+import { Link } from '../Link';
+import { Popover } from '../Popover';
 import { Search } from '../Search/Search';
 import { Select } from '../Select/Select';
+import { H3, Label } from '../Semantic';
 import { SuperSelect } from '../SuperSelect/SuperSelect';
 import { TieredSelect } from '../TieredSelect/TieredSelect';
+import { Tooltip } from '../Tooltip';
 import { Typeahead } from '../Typeahead';
-function Field(_ref) {
-  var label = _ref.label,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement("label", null, label))), children);
-}
 var idLabelOptions = [{
   id: 1,
   label: 'One'
@@ -39,105 +41,114 @@ export function EscapefulFieldSet() {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     typeaheadV = _React$useState2[0],
     setTyeahead = _React$useState2[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, "Things with Esc key:"), /*#__PURE__*/React.createElement(Field, {
-    label: "Search"
-  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(Field, {
-    label: "Typeahead"
-  }, /*#__PURE__*/React.createElement(Typeahead, {
+  var baseId = useId();
+  return /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(H3, null, "Things with Esc key:"), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-search")
+  }, "Search"), /*#__PURE__*/React.createElement(Search, {
+    "aria-labelledby": "".concat(baseId, "-search")
+  })), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-typeahead")
+  }, "Typeahead"), /*#__PURE__*/React.createElement(Typeahead, {
     value: typeaheadV,
-    onChange: setTyeahead
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "Select"
+    onChange: setTyeahead,
+    "aria-labelledby": "".concat(baseId, "-typeahead")
+  })), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-select")
+  }, "Select"), /*#__PURE__*/React.createElement(Flex, {
+    gap: "sm"
   }, /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none none",
-    display: "inline-block"
-  }, "Default"), /*#__PURE__*/React.createElement(Select, null, idLabelOptions.map(function (_ref2) {
-    var id = _ref2.id,
-      label = _ref2.label;
+    id: "s-default"
+  }, "Default"), /*#__PURE__*/React.createElement(Select, {
+    "aria-labelledby": "".concat(baseId, "-select s-default")
+  }, idLabelOptions.map(function (_ref) {
+    var id = _ref.id,
+      label = _ref.label;
     return /*#__PURE__*/React.createElement(Select.Option, {
+      key: id,
       value: id
     }, label);
   })), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
+    id: "s-search"
   }, "Search"), /*#__PURE__*/React.createElement(Select, {
-    onSearch: console.log
-  }, idLabelOptions.map(function (_ref3) {
-    var id = _ref3.id,
-      label = _ref3.label;
+    onSearch: console.log,
+    "aria-labelledby": "".concat(baseId, "-select s-search")
+  }, idLabelOptions.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label;
     return /*#__PURE__*/React.createElement(Select.Option, {
+      key: id,
       value: id
     }, label);
-  }), ' ')), /*#__PURE__*/React.createElement(Field, {
-    label: "PillSelect"
+  }), ' '))), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-pillselect")
+  }, "PillSelect"), /*#__PURE__*/React.createElement(Flex, {
+    gap: "sm"
   }, /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none none",
-    display: "inline-block"
+    id: "p-default"
   }, "Default"), /*#__PURE__*/React.createElement(PillSelect, {
     options: idLabelOptions,
     onChange: console.log,
-    value: null
+    value: null,
+    "aria-labelledby": "".concat(baseId, "-pillselect p-default")
   }), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
+    id: "p-search"
   }, "Search"), /*#__PURE__*/React.createElement(PillSelect, {
     options: idLabelOptions,
     onChange: console.log,
     onSearch: console.log,
-    value: null
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "MultiSelect"
-  }, /*#__PURE__*/React.createElement(MultiSelect, {
-    options: idLabelOptions
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "Dropdown"
-  }, /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none none",
-    display: "inline-block"
-  }, "Default"), /*#__PURE__*/React.createElement(Dropdown, null, idLabelOptions.map(function (_ref4) {
+    value: null,
+    "aria-labelledby": "".concat(baseId, "-pillselect p-search")
+  }))), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-multiselect")
+  }, "MultiSelect"), /*#__PURE__*/React.createElement(MultiSelect, {
+    options: idLabelOptions,
+    "aria-labelledby": "".concat(baseId, "-multiselect")
+  })), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-dropdown")
+  }, "Dropdown"), /*#__PURE__*/React.createElement(Flex, {
+    gap: "sm",
+    wrap: "wrap"
+  }, /*#__PURE__*/React.createElement(Box, null, "Default"), /*#__PURE__*/React.createElement(Dropdown, {
+    "aria-labelledby": "".concat(baseId, "-dropdown")
+  }, idLabelOptions.map(function (_ref3) {
+    var id = _ref3.id,
+      label = _ref3.label;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      key: id,
+      item: id
+    }, label);
+  })), /*#__PURE__*/React.createElement(Box, null, "Search"), /*#__PURE__*/React.createElement(Dropdown, {
+    onSearch: console.log,
+    "aria-labelledby": "".concat(baseId, "-dropdown")
+  }, idLabelOptions.map(function (_ref4) {
     var id = _ref4.id,
       label = _ref4.label;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      key: id,
       item: id
     }, label);
-  })), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
-  }, "Search"), /*#__PURE__*/React.createElement(Dropdown, {
-    onSearch: console.log
+  })), /*#__PURE__*/React.createElement(Box, null, "Restore"), /*#__PURE__*/React.createElement(Dropdown, {
+    restoreFocusOnHide: true,
+    "aria-labelledby": "".concat(baseId, "-dropdown")
   }, idLabelOptions.map(function (_ref5) {
     var id = _ref5.id,
       label = _ref5.label;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      key: id,
       item: id
     }, label);
-  })), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
-  }, "Restore"), /*#__PURE__*/React.createElement(Dropdown, {
-    restoreFocusOnHide: true
+  })), /*#__PURE__*/React.createElement(Box, null, "Restore w/ search"), /*#__PURE__*/React.createElement(Dropdown, {
+    onSearch: console.log,
+    restoreFocusOnHide: true,
+    "aria-labelledby": "".concat(baseId, "-dropdown")
   }, idLabelOptions.map(function (_ref6) {
     var id = _ref6.id,
       label = _ref6.label;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      key: id,
       item: id
     }, label);
-  })), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
-  }, "Restore w/ search"), /*#__PURE__*/React.createElement(Dropdown, {
-    onSearch: console.log,
-    restoreFocusOnHide: true
-  }, idLabelOptions.map(function (_ref7) {
-    var id = _ref7.id,
-      label = _ref7.label;
-    return /*#__PURE__*/React.createElement(Dropdown.Item, {
-      item: id
-    }, label);
-  })), /*#__PURE__*/React.createElement(Box, {
-    margin: "none xs none md",
-    display: "inline-block"
-  }, "DropdownFlyout"), /*#__PURE__*/React.createElement(DropdownFlyout, {
+  })), /*#__PURE__*/React.createElement(Box, null, "DropdownFlyout"), /*#__PURE__*/React.createElement(DropdownFlyout, {
     style: {
       display: 'inline-block'
     },
@@ -174,10 +185,11 @@ export function EscapefulFieldSet() {
           label: 'Parrots'
         }]
       }]
-    }]
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "Tiered"
-  }, /*#__PURE__*/React.createElement(TieredSelect, {
+    }],
+    "aria-labelledby": "".concat(baseId, "-dropdown")
+  }))), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-tiered")
+  }, "Tiered"), /*#__PURE__*/React.createElement(TieredSelect, {
     options: [{
       id: 1,
       groupId: null,
@@ -194,10 +206,11 @@ export function EscapefulFieldSet() {
       groupId: null,
       nextGroupId: 20,
       label: "Tim's Trees"
-    }]
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "Tiered leaf only"
-  }, /*#__PURE__*/React.createElement(TieredSelect, {
+    }],
+    "aria-labelledby": "".concat(baseId, "-tiered")
+  })), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-tiered-leaf")
+  }, "Tiered leaf only"), /*#__PURE__*/React.createElement(TieredSelect, {
     selectableTiers: false,
     options: [{
       id: 1,
@@ -215,10 +228,11 @@ export function EscapefulFieldSet() {
       groupId: null,
       nextGroupId: 20,
       label: "Tim's Trees"
-    }]
-  })), /*#__PURE__*/React.createElement(Field, {
-    label: "SuperSelect"
-  }, /*#__PURE__*/React.createElement(SuperSelect, {
+    }],
+    "aria-labelledby": "".concat(baseId, "-tiered-leaf")
+  })), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, {
+    id: "".concat(baseId, "-superselect")
+  }, "SuperSelect"), /*#__PURE__*/React.createElement(SuperSelect, {
     onChange: console.log,
     options: [{
       value: '1',
@@ -230,7 +244,68 @@ export function EscapefulFieldSet() {
       value: '3',
       label: 'three three three'
     }],
-    emptyMessage: "E m p t y"
+    emptyMessage: "E m p t y",
+    "aria-labelledby": "".concat(baseId, "-superselect")
   })));
 }
+function PopupSet(_ref7) {
+  var _ref7$alignLeft = _ref7.alignLeft,
+    alignLeft = _ref7$alignLeft === void 0 ? true : _ref7$alignLeft;
+  var baseId = useId();
+  var id = {
+    pop1: baseId + 'pop1',
+    pop2: baseId + 'pop2'
+  };
+  return /*#__PURE__*/React.createElement(Actions, {
+    style: {
+      // TODO new prop. sometimes left actions could make sense
+      justifyContent: alignLeft ? 'flex-start' : undefined,
+      // why not, different sizes (Switch) just align them
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: "Tooltip popup here, checks out.",
+    role: "tooltip",
+    trigger: ['focus', 'hover']
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: alert.bind(null, 'CORE')
+  }, "Tooltip!")), /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: "Long name never gonna give you up.mp4",
+    role: "tooltip",
+    trigger: ['focus', 'hover']
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: "#"
+  }, "Long name....up.mp4")), /*#__PURE__*/React.createElement(Popover, {
+    "aria-labelledby": id.pop1,
+    restoreFocusOnHide: true,
+    role: "dialog",
+    overlay: /*#__PURE__*/React.createElement(Popover.Content, null, /*#__PURE__*/React.createElement(Box, {
+      padding: "sm"
+    }, "Popover popup here, check out this", ' ', /*#__PURE__*/React.createElement(Link, {
+      href: "https://app.procore.com"
+    }, "app link"), " and", ' ', /*#__PURE__*/React.createElement(Link, {
+      href: "https://login.procore.com"
+    }, "login link"), ".")),
+    trigger: ['click']
+  }, /*#__PURE__*/React.createElement(Button, {
+    "aria-haspopup": "dialog",
+    id: id.pop1,
+    variant: "secondary"
+  }, "Click to Popup!")));
+}
+export function UserInteractionSet() {
+  return /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(PopupSet, null), /*#__PURE__*/React.createElement(Form, {
+    enableConfirmNavigation: true,
+    initialValues: {
+      rtf: '<b>Clicking the TinyMCE option to add a link should open a modal, and that modal should be able to receive focus.</b>'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Row, null, /*#__PURE__*/React.createElement(Form.DateSelect, {
+    colWidth: 12,
+    description: "Form Field with misc interactions",
+    label: "Form Component Field",
+    name: "f_1",
+    tooltip: "Tooltip popup here, checks out."
+  }))), /*#__PURE__*/React.createElement(EscapefulFieldSet, null));
+}
 //# sourceMappingURL=storyHelpers.js.map

package/dist/Modal/storyHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","Search","Select","SuperSelect","TieredSelect","Typeahead","Field","_ref","label","children","props","_objectWithoutProperties","_excluded","createElement","idLabelOptions","id","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","Fragment","value","onChange","margin","display","map","_ref2","Option","onSearch","console","log","_ref3","options","_ref4","Item","item","_ref5","restoreFocusOnHide","_ref6","_ref7","style","groupId","nextGroupId","disabled","selectableTiers","emptyMessage"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Typeahead } from '../Typeahead'\n\nfunction Field({ label, children, ...props }: any) {\n  return (\n    <div>\n      <div>\n        <b>\n          <label>{label}</label>\n        </b>\n      </div>\n      {children}\n    </div>\n  )\n}\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  return (\n    <>\n      <b>Things with Esc key:</b>\n      <Field label=\"Search\">\n        <Search />\n      </Field>\n      <Field label=\"Typeahead\">\n        <Typeahead value={typeaheadV} onChange={setTyeahead} />\n      </Field>\n      <Field label=\"Select\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Select>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}\n        </Select>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Select onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}{' '}\n        </Select>\n      </Field>\n      <Field label=\"PillSelect\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          value={null}\n        />\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          onSearch={console.log}\n          value={null}\n        />\n      </Field>\n      <Field label=\"MultiSelect\">\n        <MultiSelect options={idLabelOptions} />\n      </Field>\n      <Field label=\"Dropdown\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Dropdown>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Dropdown onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore\n        </Box>\n        <Dropdown restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore w/ search\n        </Box>\n        <Dropdown onSearch={console.log} restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          DropdownFlyout\n        </Box>\n\n        <DropdownFlyout\n          style={{ display: 'inline-block' }}\n          options={[\n            { value: 1, label: 'wow' },\n            {\n              value: 'Animals',\n              label: 'Long complicated label that takes space',\n              children: [\n                {\n                  value: 'Amphibians',\n                  label: 'Amphibians',\n                  children: [\n                    { value: 1, label: 'Frogs' },\n                    { value: 2, label: 'Salamanders' },\n                  ],\n                },\n                {\n                  value: 'Birds',\n                  label: 'Long complicated label that takes space',\n                  children: [\n                    { value: 3, label: 'Chickens' },\n                    { value: 4, label: 'Falcons' },\n                    { value: 5, label: 'Owls' },\n                    { value: 6, label: 'Parrots' },\n                  ],\n                },\n              ],\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered\">\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered leaf only\">\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"SuperSelect\">\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n        />\n      </Field>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","useId","Button","Content","Actions","Field","Flex","Form","Link","Popover","Search","Select","H3","Label","SuperSelect","TieredSelect","Tooltip","Typeahead","idLabelOptions","id","label","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","baseId","createElement","concat","value","onChange","gap","map","_ref","Option","key","onSearch","console","log","_ref2","options","wrap","_ref3","Item","item","_ref4","restoreFocusOnHide","_ref5","_ref6","style","display","children","groupId","nextGroupId","disabled","selectableTiers","emptyMessage","PopupSet","_ref7","_ref7$alignLeft","alignLeft","pop1","pop2","justifyContent","undefined","alignItems","overlay","role","trigger","variant","onClick","alert","bind","href","padding","UserInteractionSet","enableConfirmNavigation","initialValues","rtf","Row","DateSelect","colWidth","description","name","tooltip"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { useId } from '@react-aria/utils'\nimport { Button } from '../Button'\nimport { Content } from '../Content'\nimport { Actions } from '../Content/Content'\nimport { Field } from '../Field'\nimport { Flex } from '../Flex'\nimport { Form } from '../Form'\nimport { Link } from '../Link'\nimport { Popover } from '../Popover'\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { H3, Label } from '../Semantic'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Tooltip } from '../Tooltip'\nimport { Typeahead } from '../Typeahead'\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  const baseId = useId()\n\n  return (\n    <Content>\n      <H3>Things with Esc key:</H3>\n      <Field>\n        <Label id={`${baseId}-search`}>Search</Label>\n        <Search aria-labelledby={`${baseId}-search`} />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-typeahead`}>Typeahead</Label>\n        <Typeahead\n          value={typeaheadV}\n          onChange={setTyeahead}\n          aria-labelledby={`${baseId}-typeahead`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-select`}>Select</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"s-default\">Default</Box>\n          <Select aria-labelledby={`${baseId}-select s-default`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}\n          </Select>\n          <Box id=\"s-search\">Search</Box>\n          <Select\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-select s-search`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}{' '}\n          </Select>\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-pillselect`}>PillSelect</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"p-default\">Default</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-default`}\n          />\n          <Box id=\"p-search\">Search</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            onSearch={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-search`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-multiselect`}>MultiSelect</Label>\n        <MultiSelect\n          options={idLabelOptions}\n          aria-labelledby={`${baseId}-multiselect`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-dropdown`}>Dropdown</Label>\n        <Flex gap=\"sm\" wrap=\"wrap\">\n          <Box>Default</Box>\n          <Dropdown aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Search</Box>\n          <Dropdown\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore</Box>\n          <Dropdown restoreFocusOnHide aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore w/ search</Box>\n          <Dropdown\n            onSearch={console.log}\n            restoreFocusOnHide\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>DropdownFlyout</Box>\n          <DropdownFlyout\n            style={{ display: 'inline-block' }}\n            options={[\n              { value: 1, label: 'wow' },\n              {\n                value: 'Animals',\n                label: 'Long complicated label that takes space',\n                children: [\n                  {\n                    value: 'Amphibians',\n                    label: 'Amphibians',\n                    children: [\n                      { value: 1, label: 'Frogs' },\n                      { value: 2, label: 'Salamanders' },\n                    ],\n                  },\n                  {\n                    value: 'Birds',\n                    label: 'Long complicated label that takes space',\n                    children: [\n                      { value: 3, label: 'Chickens' },\n                      { value: 4, label: 'Falcons' },\n                      { value: 5, label: 'Owls' },\n                      { value: 6, label: 'Parrots' },\n                    ],\n                  },\n                ],\n              },\n            ]}\n            aria-labelledby={`${baseId}-dropdown`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered`}>Tiered</Label>\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered-leaf`}>Tiered leaf only</Label>\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered-leaf`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-superselect`}>SuperSelect</Label>\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n          aria-labelledby={`${baseId}-superselect`}\n        />\n      </Field>\n    </Content>\n  )\n}\n\nfunction PopupSet({ alignLeft = true }) {\n  const baseId = useId()\n  const id = {\n    pop1: baseId + 'pop1',\n    pop2: baseId + 'pop2',\n  }\n  return (\n    <Actions\n      style={{\n        // TODO new prop. sometimes left actions could make sense\n        justifyContent: alignLeft ? 'flex-start' : undefined,\n        // why not, different sizes (Switch) just align them\n        alignItems: 'center',\n      }}\n    >\n      <Tooltip\n        overlay=\"Tooltip popup here, checks out.\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Button variant=\"secondary\" onClick={alert.bind(null, 'CORE')}>\n          Tooltip!\n        </Button>\n      </Tooltip>\n      <Tooltip\n        overlay=\"Long name never gonna give you up.mp4\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Link href=\"#\">Long name....up.mp4</Link>\n      </Tooltip>\n      <Popover\n        aria-labelledby={id.pop1}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"https://app.procore.com\">app link</Link> and{' '}\n              <Link href=\"https://login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['click']}\n      >\n        <Button aria-haspopup=\"dialog\" id={id.pop1} variant=\"secondary\">\n          Click to Popup!\n        </Button>\n      </Popover>\n      {/* <Popover\n        aria-labelledby={id.pop2}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"app.procore.com\">app link</Link> and{' '}\n              <Link href=\"login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['hover', 'focus']}\n      >\n        <Link aria-haspopup=\"dialog\" id={id.pop2} href=\"#\">\n          Hover Popup\n        </Link>\n      </Popover> */}\n    </Actions>\n  )\n}\n\nexport function UserInteractionSet() {\n  return (\n    <Content>\n      <PopupSet />\n      <Form\n        enableConfirmNavigation\n        initialValues={{\n          rtf: '<b>Clicking the TinyMCE option to add a link should open a modal, and that modal should be able to receive focus.</b>',\n        }}\n      >\n        <Form.Row>\n          <Form.DateSelect\n            colWidth={12}\n            description=\"Form Field with misc interactions\"\n            label=\"Form Component Field\"\n            name=\"f_1\"\n            tooltip=\"Tooltip popup here, checks out.\"\n          />\n        </Form.Row>\n        {/* <Form.Row>\n          <Form.RichText\n            colWidth={12}\n            description=\"Has links tinymce modal. This destroys contained focus :(\"\n            label=\"Form Rich Text\"\n            name=\"rtf\"\n            plugins={['link', 'image']}\n          />\n        </Form.Row> */}\n      </Form>\n      <EscapefulFieldSet />\n    </Content>\n  )\n}\n"],"mappings":"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"}

package/dist/MultiSelect/MultiSelect.styles.js

@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_24_0__sc-s9ym9q-0"
+  componentId: "core-12_25_0__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_24_0__sc-s9ym9q-1"
+  componentId: "core-12_25_0__sc-s9ym9q-1"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-12_24_0__sc-s9ym9q-2"
+  componentId: "core-12_25_0__sc-s9ym9q-2"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_24_0__sc-s9ym9q-3"
+  componentId: "core-12_25_0__sc-s9ym9q-3"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-12_24_0__sc-s9ym9q-4"
+  componentId: "core-12_25_0__sc-s9ym9q-4"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_24_0__sc-s9ym9q-5"
+  componentId: "core-12_25_0__sc-s9ym9q-5"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
   var $emptyValue = _ref2.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_24_0__sc-3o6zya-0"
+  componentId: "core-12_25_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_24_0__sc-3o6zya-1"
+  componentId: "core-12_25_0__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_24_0__sc-3o6zya-2"
+  componentId: "core-12_25_0__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map