@procore/core-react 12.17.5 → 12.17.7

package/dist/Form/Form.styles.js

@@ -24,7 +24,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-12_17_5__sc-ncj3pf-0"
+  componentId: "core-12_17_7__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -36,15 +36,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
 }, applyStylesOnlyToIE11("\n      padding-left: ".concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  ")));
 export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_17_5__sc-ncj3pf-1"
+  componentId: "core-12_17_7__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_17_5__sc-ncj3pf-2"
+  componentId: "core-12_17_7__sc-ncj3pf-2"
 })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
 export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
   displayName: "StyledCheckboxInlineDescription",
-  componentId: "core-12_17_5__sc-ncj3pf-3"
+  componentId: "core-12_17_7__sc-ncj3pf-3"
 })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
   var $read = _ref3.$read;
   if (!$read) {
@@ -53,7 +53,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
 });
 export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-12_17_5__sc-ncj3pf-4"
+  componentId: "core-12_17_7__sc-ncj3pf-4"
 })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
   var $colStart = _ref4.$colStart,
     $colEnd = _ref4.$colEnd,
@@ -62,7 +62,7 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
 }, applyStylesOnlyToIE11("\n    padding-left: ".concat(columnGutter, ";\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ").concat(StyledFormFieldMain, " {\n      padding-left: ").concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  ")), StyledDescription, spacing.xs);
 export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
   displayName: "StyledFormFieldRequiredMark",
-  componentId: "core-12_17_5__sc-ncj3pf-5"
+  componentId: "core-12_17_7__sc-ncj3pf-5"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
 export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
@@ -71,20 +71,20 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-12_17_5__sc-ncj3pf-6"
+  componentId: "core-12_17_7__sc-ncj3pf-6"
 })(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
 export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
   displayName: "StyledFormFieldErrorIcon",
-  componentId: "core-12_17_5__sc-ncj3pf-7"
+  componentId: "core-12_17_7__sc-ncj3pf-7"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-12_17_5__sc-ncj3pf-8"
+  componentId: "core-12_17_7__sc-ncj3pf-8"
 })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-12_17_5__sc-ncj3pf-9"
+  componentId: "core-12_17_7__sc-ncj3pf-9"
 })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
   var _ref5$$fullWidth = _ref5.$fullWidth,
     $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -96,15 +96,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-12_17_5__sc-ncj3pf-10"
+  componentId: "core-12_17_7__sc-ncj3pf-10"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-12_17_5__sc-ncj3pf-11"
+  componentId: "core-12_17_7__sc-ncj3pf-11"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-12_17_5__sc-ncj3pf-12"
+  componentId: "core-12_17_7__sc-ncj3pf-12"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -115,6 +115,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
 export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
 export var StyledForm = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledForm",
-  componentId: "core-12_17_5__sc-ncj3pf-13"
+  componentId: "core-12_17_7__sc-ncj3pf-13"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/FormFieldTooltip.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { Tooltip } from '../Tooltip';
 import { useI18nContext } from '../_hooks/I18n';

package/dist/Form/StyledFormikForm.styles.js

@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
 import { formWrapper } from './Form.styles';
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-12_17_5__sc-1ks7m0l-0"
+  componentId: "core-12_17_7__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_17_5__sc-1ks7m0l-1"
+  componentId: "core-12_17_7__sc-1ks7m0l-1"
 })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
   var $view = _ref.$view;
   return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);

package/dist/Form/stories/util.js

@@ -1,13 +1,13 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["component", "debug", "initialValue", "view", "variant", "useLabelAsInlineLabel", "useDescriptionAsInlineDescription"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { pick } from 'ramda';
 import React from 'react';
 import { Box, Button, Form, useFormContext } from '../../index';

package/dist/Form/stories/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","variant","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n  backgroundColor: '#444',\n  color: '#f1f1f1',\n  fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n  const fields = useFormContext()\n\n  let record = {}\n  if (!Object.keys(props).length) {\n    record = fields\n  } else {\n    record = pick(Object.keys(props), fields)\n  }\n\n  return (\n    <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n      <pre style={{ whiteSpace: 'break-spaces' }}>\n        {JSON.stringify(record, null, 2)}\n      </pre>\n    </Box>\n  )\n}\n\ninterface SingleFormProps {\n  component?: any\n  debug?: boolean\n  initialValue?: any\n  variant?: React.ComponentProps<typeof Form>['variant']\n  view?: React.ComponentProps<typeof Form>['view']\n  useLabelAsInlineLabel?: boolean\n  useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n  component: FieldComponent = Form.Field,\n  debug,\n  initialValue,\n  view,\n  variant,\n  useLabelAsInlineLabel,\n  useDescriptionAsInlineDescription,\n  ...props\n}: SingleFormProps) => {\n  // removes colStart from DOM for traditional variant\n  const columnOne = variant === 'traditional' ? {} : { colStart: 1 }\n  const columnTwo = variant === 'traditional' ? {} : { colStart: 7 }\n  return (\n    <Form\n      enableReinitialize\n      initialValues={{\n        value: initialValue,\n      }}\n      variant={variant}\n      view={view}\n      onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <Form.Form>\n        {debug && <FormDebugger />}\n        <Form.Row>\n          <FieldComponent\n            name=\"empty\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Empty Text',\n                }\n              : {\n                  label: 'Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Empty Description',\n                }\n              : {\n                  description: 'Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"value\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Initial Value Text',\n                }\n              : {\n                  label: 'Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Initial Value Description',\n                }\n              : {\n                  description: 'Initial Value Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"disabled-empty\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Empty Text',\n                }\n              : {\n                  label: 'Disabled Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Empty Description',\n                }\n              : {\n                  description: 'Disabled Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"disabled-value\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Initial Value Text',\n                }\n              : {\n                  label: 'Disabled Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Initial Description',\n                }\n              : {\n                  description: 'Disabled Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"error-empty\"\n            error\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Boolean Empty Text',\n                }\n              : {\n                  label: 'Error Boolean Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Boolean Description',\n                }\n              : {\n                  description: 'Error Boolean Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"error-value\"\n            error=\"Some error message that should be read red\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Message Initial Value Text',\n                }\n              : {\n                  label: 'Error Message Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Message Initial Description',\n                }\n              : {\n                  description: 'Error Message Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n      </Form.Form>\n    </Form>\n  )\n}\n\ninterface DemoFormProps {\n  view?: React.ComponentProps<typeof Form>['view']\n  enableConfirmNavigation?: React.ComponentProps<\n    typeof Form\n  >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n  view = 'create',\n  enableConfirmNavigation = true,\n}: DemoFormProps) => {\n  return (\n    <Form\n      view={view}\n      onSubmit={(...args) => {\n        alert(JSON.stringify(args[0], null, 2))\n\n        return Promise.resolve()\n      }}\n      enableConfirmNavigation={enableConfirmNavigation}\n    >\n      <Form.Form>\n        <Form.Row>\n          <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n          <Form.Number\n            name=\"number\"\n            label=\"Number\"\n            required\n            tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select\"\n            options={formSelectOptions}\n            colStart={1}\n          />\n          <Form.MultiSelect\n            name=\"multiselect\"\n            label=\"MultiSelect\"\n            options={formSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select with Groups\"\n            getGroup={(option) => option.groupAssociation}\n            groupGetId={(group) => group.uuid}\n            groupGetLabel={(group) => group.displayName}\n            options={formSelectOptions}\n            optgroups={formSelectGroupOptions}\n          />\n          <Form.PillSelect\n            name=\"pillselect\"\n            label=\"Status\"\n            options={formPillSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.TieredSelect\n            name=\"tieredselect\"\n            label=\"Tiered Select\"\n            options={formTieredSelectOptions}\n            colStart={1}\n          />\n          <Form.GroupSelect\n            name=\"groupselect\"\n            label=\"Group Select for Distribution\"\n            options={formGroupSelectOptions}\n            groups={formGroupSelectGroups}\n            colStart={7}\n          />\n        </Form.Row>\n        <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n          <Button variant=\"secondary\" type=\"reset\">\n            Reset\n          </Button>{' '}\n          <Button type=\"submit\">Save</Button>\n        </Box>\n      </Form.Form>\n    </Form>\n  )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n *  <BaseCRU\n      component={Form.Number}\n      initialValue={100}\n    />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n  props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n      React.ComponentProps<Element>,\n      'name'\n    >\n) {\n  return (\n    <>\n      <h1>Standard</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" {...props} />\n      <h1>Traditional</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" variant=\"traditional\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" variant=\"traditional\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" variant=\"traditional\" {...props} />\n    </>\n  )\n}\n\nexport const formGroupSelectOptions = [\n  { id: 5139977, label: 'Cat' },\n  { id: 1279548, label: 'Cow' },\n  { id: 1690, label: 'Duck' },\n  { id: 3116635, label: 'Crocodile' },\n  { id: 1037291, label: 'Dog' },\n  { id: 1987946, label: 'Elephant' },\n  { id: 1665038, label: 'Fox' },\n  { id: 10338, label: 'Frog' },\n  { id: 4177019, label: 'Giraffe' },\n  { id: 5136274, label: 'Lion' },\n  { id: 1819065, label: 'Owl' },\n  { id: 3733119, label: 'Parrot' },\n  { id: 2142072, label: 'Pig' },\n  { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [5139977, 1037291, 1279548, 5136274],\n  },\n  { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n  { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n  { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n  { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n  ...group,\n  options: group.options.map((groupOpt) =>\n    formGroupSelectOptions.find((option) => option.id === groupOpt)\n  ),\n}))\n\nexport const formTieredSelectOptions = [\n  {\n    id: 1,\n    groupId: null,\n    nextGroupId: 10,\n    label: 'Apple Farm',\n  },\n  {\n    id: 3,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sports R Us',\n  },\n  {\n    id: 4,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sail It Again Ports',\n  },\n  {\n    id: 5,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Dublix',\n  },\n  {\n    id: 6,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Hardees Boys',\n  },\n  {\n    id: 7,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Carls Senior',\n  },\n  {\n    id: 8,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Tar J',\n  },\n  {\n    id: 9,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Station',\n  },\n  {\n    id: 10,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Nation',\n  },\n  {\n    id: 11,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Global Studios',\n  },\n  {\n    id: 12,\n    groupId: null,\n    nextGroupId: 30,\n    label: \"Ralphie's\",\n  },\n  {\n    id: 13,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Humble State University',\n  },\n  {\n    id: 14,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Test Driven Devolvement',\n  },\n  {\n    id: 15,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Drilling Company',\n  },\n  {\n    id: 16,\n    groupId: null,\n    nextGroupId: 30,\n    label:\n      'Wrapping text that is very long and will definitely wrap onto two or more lines',\n  },\n  {\n    id: 17,\n    groupId: 10,\n    nextGroupId: 100,\n    label: 'Granny Smith',\n  },\n  {\n    id: 18,\n    groupId: 10,\n    nextGroupId: 101,\n    label: 'Gala',\n  },\n  {\n    id: 21,\n    groupId: 30,\n    nextGroupId: 300,\n    label: 'Project Basketball',\n  },\n  {\n    id: 22,\n    groupId: 30,\n    nextGroupId: 301,\n    label: 'Table Tennis',\n  },\n  {\n    id: 23,\n    groupId: 30,\n    label: 'Table Ten',\n  },\n  {\n    id: 24,\n    groupId: 100,\n    label: 'Michigan',\n  },\n  {\n    id: 25,\n    groupId: 101,\n    label: 'Washington',\n  },\n  {\n    id: 26,\n    groupId: 200,\n    label: 'Georgia',\n  },\n  {\n    id: 27,\n    groupId: 201,\n    label: 'California',\n  },\n  {\n    id: 28,\n    groupId: 300,\n    label: 'Toronto',\n  },\n  {\n    id: 29,\n    groupId: 301,\n    nextGroupId: 302,\n    label: 'Court Complex Uno',\n  },\n  {\n    id: 30,\n    groupId: 302,\n    nextGroupId: 303,\n    label: 'Wrap',\n  },\n  {\n    id: 31,\n    groupId: 303,\n    nextGroupId: 304,\n    label: 'Wrap',\n  },\n  {\n    id: 32,\n    groupId: 304,\n    nextGroupId: 305,\n    label: 'Wrap',\n  },\n  {\n    id: 33,\n    groupId: 305,\n    nextGroupId: 306,\n    label: 'Wrap',\n  },\n  {\n    id: 34,\n    groupId: 306,\n    nextGroupId: 307,\n    label: 'Wrap',\n  },\n  {\n    id: 35,\n    groupId: 307,\n    label: 'Wrap',\n  },\n]\n\nexport const formSelectOptions = [\n  { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n  { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n  { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n  {\n    id: 4,\n    label: 'Next Item In List Is Design System Design System',\n    groupAssociation: 2,\n  },\n  { id: 5, label: '5 Entries', groupAssociation: 2 },\n  {\n    id: 6,\n    label:\n      'Another Option With A Longer Amount of Important Information To Read',\n    groupAssociation: 3,\n  },\n]\n\nexport const formSelectGroupOptions = [\n  { uuid: 1, displayName: 'Group 1' },\n  {\n    uuid: 2,\n    displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n  },\n  { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n  id: string\n  label: string\n  color: PillColor\n}[] = [\n  { id: '1', label: 'Questionable', color: 'yellow' },\n  { id: '2', label: 'False', color: 'red' },\n  { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n  { id: '4', label: 'Pending Resolution', color: 'gray' },\n  {\n    id: '5',\n    label: 'A very long STATUS that has to wrap cause it is so long',\n    color: 'green',\n  },\n]\n\nexport const formInitialValues = {\n  text: 'Hello String',\n  number: 123456.789,\n  checkbox: true,\n  checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n  currency: 1200300.55,\n  date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n  textarea: 'Hello\\nWorld  !!\\n\\n    Hello    World',\n  select: formSelectOptions[1],\n  multiselect: [\n    formSelectOptions[1],\n    formSelectOptions[3],\n    formSelectOptions[0],\n  ],\n  pillselect: formPillSelectOptions[0],\n  groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n  tieredselect: [\n    {\n      id: 4,\n      groupId: null,\n      nextGroupId: 30,\n      label: 'Sail It Again Ports',\n    },\n    {\n      id: 22,\n      groupId: 30,\n      nextGroupId: 301,\n      label: 'Table Tennis',\n    },\n    {\n      id: 29,\n      groupId: 301,\n      nextGroupId: 302,\n      label: 'Court Complex Uno',\n    },\n  ],\n  radiobuttons: formSelectOptions[5],\n  richtext:\n    '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":"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"}
+{"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","variant","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n  backgroundColor: '#444',\n  color: '#f1f1f1',\n  fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n  const fields = useFormContext()\n\n  let record = {}\n  if (!Object.keys(props).length) {\n    record = fields\n  } else {\n    record = pick(Object.keys(props), fields)\n  }\n\n  return (\n    <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n      <pre style={{ whiteSpace: 'break-spaces' }}>\n        {JSON.stringify(record, null, 2)}\n      </pre>\n    </Box>\n  )\n}\n\ninterface SingleFormProps {\n  component?: any\n  debug?: boolean\n  initialValue?: any\n  variant?: React.ComponentProps<typeof Form>['variant']\n  view?: React.ComponentProps<typeof Form>['view']\n  useLabelAsInlineLabel?: boolean\n  useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n  component: FieldComponent = Form.Field,\n  debug,\n  initialValue,\n  view,\n  variant,\n  useLabelAsInlineLabel,\n  useDescriptionAsInlineDescription,\n  ...props\n}: SingleFormProps) => {\n  // removes colStart from DOM for traditional variant\n  const columnOne = variant === 'traditional' ? {} : { colStart: 1 }\n  const columnTwo = variant === 'traditional' ? {} : { colStart: 7 }\n  return (\n    <Form\n      enableReinitialize\n      initialValues={{\n        value: initialValue,\n      }}\n      variant={variant}\n      view={view}\n      onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <Form.Form>\n        {debug && <FormDebugger />}\n        <Form.Row>\n          <FieldComponent\n            name=\"empty\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Empty Text',\n                }\n              : {\n                  label: 'Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Empty Description',\n                }\n              : {\n                  description: 'Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"value\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Initial Value Text',\n                }\n              : {\n                  label: 'Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Initial Value Description',\n                }\n              : {\n                  description: 'Initial Value Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"disabled-empty\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Empty Text',\n                }\n              : {\n                  label: 'Disabled Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Empty Description',\n                }\n              : {\n                  description: 'Disabled Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"disabled-value\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Initial Value Text',\n                }\n              : {\n                  label: 'Disabled Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Initial Description',\n                }\n              : {\n                  description: 'Disabled Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"error-empty\"\n            error\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Boolean Empty Text',\n                }\n              : {\n                  label: 'Error Boolean Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Boolean Description',\n                }\n              : {\n                  description: 'Error Boolean Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"error-value\"\n            error=\"Some error message that should be read red\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Message Initial Value Text',\n                }\n              : {\n                  label: 'Error Message Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Message Initial Description',\n                }\n              : {\n                  description: 'Error Message Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n      </Form.Form>\n    </Form>\n  )\n}\n\ninterface DemoFormProps {\n  view?: React.ComponentProps<typeof Form>['view']\n  enableConfirmNavigation?: React.ComponentProps<\n    typeof Form\n  >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n  view = 'create',\n  enableConfirmNavigation = true,\n}: DemoFormProps) => {\n  return (\n    <Form\n      view={view}\n      onSubmit={(...args) => {\n        alert(JSON.stringify(args[0], null, 2))\n\n        return Promise.resolve()\n      }}\n      enableConfirmNavigation={enableConfirmNavigation}\n    >\n      <Form.Form>\n        <Form.Row>\n          <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n          <Form.Number\n            name=\"number\"\n            label=\"Number\"\n            required\n            tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select\"\n            options={formSelectOptions}\n            colStart={1}\n          />\n          <Form.MultiSelect\n            name=\"multiselect\"\n            label=\"MultiSelect\"\n            options={formSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select with Groups\"\n            getGroup={(option) => option.groupAssociation}\n            groupGetId={(group) => group.uuid}\n            groupGetLabel={(group) => group.displayName}\n            options={formSelectOptions}\n            optgroups={formSelectGroupOptions}\n          />\n          <Form.PillSelect\n            name=\"pillselect\"\n            label=\"Status\"\n            options={formPillSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.TieredSelect\n            name=\"tieredselect\"\n            label=\"Tiered Select\"\n            options={formTieredSelectOptions}\n            colStart={1}\n          />\n          <Form.GroupSelect\n            name=\"groupselect\"\n            label=\"Group Select for Distribution\"\n            options={formGroupSelectOptions}\n            groups={formGroupSelectGroups}\n            colStart={7}\n          />\n        </Form.Row>\n        <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n          <Button variant=\"secondary\" type=\"reset\">\n            Reset\n          </Button>{' '}\n          <Button type=\"submit\">Save</Button>\n        </Box>\n      </Form.Form>\n    </Form>\n  )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n *  <BaseCRU\n      component={Form.Number}\n      initialValue={100}\n    />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n  props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n      React.ComponentProps<Element>,\n      'name'\n    >\n) {\n  return (\n    <>\n      <h1>Standard</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" {...props} />\n      <h1>Traditional</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" variant=\"traditional\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" variant=\"traditional\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" variant=\"traditional\" {...props} />\n    </>\n  )\n}\n\nexport const formGroupSelectOptions = [\n  { id: 5139977, label: 'Cat' },\n  { id: 1279548, label: 'Cow' },\n  { id: 1690, label: 'Duck' },\n  { id: 3116635, label: 'Crocodile' },\n  { id: 1037291, label: 'Dog' },\n  { id: 1987946, label: 'Elephant' },\n  { id: 1665038, label: 'Fox' },\n  { id: 10338, label: 'Frog' },\n  { id: 4177019, label: 'Giraffe' },\n  { id: 5136274, label: 'Lion' },\n  { id: 1819065, label: 'Owl' },\n  { id: 3733119, label: 'Parrot' },\n  { id: 2142072, label: 'Pig' },\n  { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [5139977, 1037291, 1279548, 5136274],\n  },\n  { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n  { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n  { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n  { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n  ...group,\n  options: group.options.map((groupOpt) =>\n    formGroupSelectOptions.find((option) => option.id === groupOpt)\n  ),\n}))\n\nexport const formTieredSelectOptions = [\n  {\n    id: 1,\n    groupId: null,\n    nextGroupId: 10,\n    label: 'Apple Farm',\n  },\n  {\n    id: 3,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sports R Us',\n  },\n  {\n    id: 4,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sail It Again Ports',\n  },\n  {\n    id: 5,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Dublix',\n  },\n  {\n    id: 6,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Hardees Boys',\n  },\n  {\n    id: 7,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Carls Senior',\n  },\n  {\n    id: 8,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Tar J',\n  },\n  {\n    id: 9,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Station',\n  },\n  {\n    id: 10,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Nation',\n  },\n  {\n    id: 11,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Global Studios',\n  },\n  {\n    id: 12,\n    groupId: null,\n    nextGroupId: 30,\n    label: \"Ralphie's\",\n  },\n  {\n    id: 13,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Humble State University',\n  },\n  {\n    id: 14,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Test Driven Devolvement',\n  },\n  {\n    id: 15,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Drilling Company',\n  },\n  {\n    id: 16,\n    groupId: null,\n    nextGroupId: 30,\n    label:\n      'Wrapping text that is very long and will definitely wrap onto two or more lines',\n  },\n  {\n    id: 17,\n    groupId: 10,\n    nextGroupId: 100,\n    label: 'Granny Smith',\n  },\n  {\n    id: 18,\n    groupId: 10,\n    nextGroupId: 101,\n    label: 'Gala',\n  },\n  {\n    id: 21,\n    groupId: 30,\n    nextGroupId: 300,\n    label: 'Project Basketball',\n  },\n  {\n    id: 22,\n    groupId: 30,\n    nextGroupId: 301,\n    label: 'Table Tennis',\n  },\n  {\n    id: 23,\n    groupId: 30,\n    label: 'Table Ten',\n  },\n  {\n    id: 24,\n    groupId: 100,\n    label: 'Michigan',\n  },\n  {\n    id: 25,\n    groupId: 101,\n    label: 'Washington',\n  },\n  {\n    id: 26,\n    groupId: 200,\n    label: 'Georgia',\n  },\n  {\n    id: 27,\n    groupId: 201,\n    label: 'California',\n  },\n  {\n    id: 28,\n    groupId: 300,\n    label: 'Toronto',\n  },\n  {\n    id: 29,\n    groupId: 301,\n    nextGroupId: 302,\n    label: 'Court Complex Uno',\n  },\n  {\n    id: 30,\n    groupId: 302,\n    nextGroupId: 303,\n    label: 'Wrap',\n  },\n  {\n    id: 31,\n    groupId: 303,\n    nextGroupId: 304,\n    label: 'Wrap',\n  },\n  {\n    id: 32,\n    groupId: 304,\n    nextGroupId: 305,\n    label: 'Wrap',\n  },\n  {\n    id: 33,\n    groupId: 305,\n    nextGroupId: 306,\n    label: 'Wrap',\n  },\n  {\n    id: 34,\n    groupId: 306,\n    nextGroupId: 307,\n    label: 'Wrap',\n  },\n  {\n    id: 35,\n    groupId: 307,\n    label: 'Wrap',\n  },\n]\n\nexport const formSelectOptions = [\n  { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n  { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n  { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n  {\n    id: 4,\n    label: 'Next Item In List Is Design System Design System',\n    groupAssociation: 2,\n  },\n  { id: 5, label: '5 Entries', groupAssociation: 2 },\n  {\n    id: 6,\n    label:\n      'Another Option With A Longer Amount of Important Information To Read',\n    groupAssociation: 3,\n  },\n]\n\nexport const formSelectGroupOptions = [\n  { uuid: 1, displayName: 'Group 1' },\n  {\n    uuid: 2,\n    displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n  },\n  { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n  id: string\n  label: string\n  color: PillColor\n}[] = [\n  { id: '1', label: 'Questionable', color: 'yellow' },\n  { id: '2', label: 'False', color: 'red' },\n  { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n  { id: '4', label: 'Pending Resolution', color: 'gray' },\n  {\n    id: '5',\n    label: 'A very long STATUS that has to wrap cause it is so long',\n    color: 'green',\n  },\n]\n\nexport const formInitialValues = {\n  text: 'Hello String',\n  number: 123456.789,\n  checkbox: true,\n  checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n  currency: 1200300.55,\n  date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n  textarea: 'Hello\\nWorld  !!\\n\\n    Hello    World',\n  select: formSelectOptions[1],\n  multiselect: [\n    formSelectOptions[1],\n    formSelectOptions[3],\n    formSelectOptions[0],\n  ],\n  pillselect: formPillSelectOptions[0],\n  groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n  tieredselect: [\n    {\n      id: 4,\n      groupId: null,\n      nextGroupId: 30,\n      label: 'Sail It Again Ports',\n    },\n    {\n      id: 22,\n      groupId: 30,\n      nextGroupId: 301,\n      label: 'Table Tennis',\n    },\n    {\n      id: 29,\n      groupId: 301,\n      nextGroupId: 302,\n      label: 'Court Complex Uno',\n    },\n  ],\n  radiobuttons: formSelectOptions[5],\n  richtext:\n    '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":"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"}

package/dist/GhostPlaceholder/GhostPlaceholder.js

@@ -1,7 +1,7 @@
 var _excluded = ["shape", "small", "startGradientColor", "endGradientColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { colors } from '../_styles/colors';
 import { PlaceholderItem, RoundPlaceholderItem } from './GhostPlaceholder.styles';

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js

@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
 var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
 export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "PlaceholderItem",
-  componentId: "core-12_17_5__sc-1nja302-0"
+  componentId: "core-12_17_7__sc-1nja302-0"
 })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
   return props.$startGradientColor;
 }, function (props) {
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
   displayName: "RoundPlaceholderItem",
-  componentId: "core-12_17_5__sc-1nja302-1"
+  componentId: "core-12_17_7__sc-1nja302-1"
 })(["width:", ";height:", ";border-radius:50%;"], function (props) {
   return props.$small ? '24px' : '40px';
 }, function (props) {

package/dist/Grid/Grid.js

@@ -1,8 +1,8 @@
 var _excluded = ["gutterX", "gutterY", "colStackCap"],
   _excluded2 = ["colWidth", "colStart"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledGridCol, StyledGridRow } from './Grid.styles';

package/dist/Grid/Grid.styles.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import styled, { css } from 'styled-components';
 import { spacing } from '../_styles/spacing';
 import { breakpointMinWidthValues, breakpointsSmallToLarge } from './Grid.constants';
@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-12_17_5__sc-8pinsp-0"
+  componentId: "core-12_17_7__sc-8pinsp-0"
 })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
   var $gutterX = _ref.$gutterX,
     $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridCol",
-  componentId: "core-12_17_5__sc-8pinsp-1"
+  componentId: "core-12_17_7__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

package/dist/Grid/Grid.utils.js

@@ -1,9 +1,9 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
 export var overrideIfNotDefined = function overrideIfNotDefined(blueprint, obj) {
   var result = {};
   Object.entries(blueprint).forEach(function (_ref) {

package/dist/GroupSelect/GroupSelect.js

@@ -1,24 +1,24 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["getId", "getLabel", "disabled", "value"],
   _excluded2 = ["value", "options", "groups", "getId", "getLabel", "getGroup", "getOptGroup", "onChange", "onSearch", "optionRenderer", "groupRenderer", "optGroupRenderer"];
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { MenuImperative } from '../MenuImperative/MenuImperative';
 import { MultiSelect } from '../MultiSelect/MultiSelect';

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-12_17_5__sc-u5gu8j-0"
+  componentId: "core-12_17_7__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/Input/Input.js

@@ -1,7 +1,7 @@
 var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { StyledInput } from './Input.styles';
 /**

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_17_5__sc-12sjkxg-0"
+  componentId: "core-12_17_7__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Link/Link.js

@@ -1,7 +1,7 @@
 var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { StyledLink } from './Link.styles';
 /**

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_17_5__sc-jfowrl-0"
+  componentId: "core-12_17_7__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map