@procore/core-react 11.24.3 → 11.24.4

package/dist/Form/Form.styles.js

@@ -1,7 +1,6 @@
 import { Error, Help } from '@procore/core-icons/dist';
 import { Form as FormikForm } from 'formik';
 import styled, { css } from 'styled-components';
-import { Checkbox } from '../Checkbox';
 import { StyledFieldHeader } from '../Field/Field.styles';
 import { Required } from '../Required/Required';
 import { Label } from '../Semantic/Semantic';
@@ -26,7 +25,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-11_24_3__sc-ncj3pf-0"
+  componentId: "core-11_24_4__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -38,8 +37,8 @@ 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 StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-11_24_3__sc-ncj3pf-1"
-})(["-ms-grid-row:1;grid-row:1;align-self:end;", " ", ""], function (_ref3) {
+  componentId: "core-11_24_4__sc-ncj3pf-1"
+})(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", ""], spacing.xs, function (_ref3) {
   var $colStart = _ref3.$colStart,
     $colEnd = _ref3.$colEnd,
     $colIeSpan = _ref3.$colIeSpan;
@@ -47,7 +46,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  ")));
 export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
   displayName: "StyledFormFieldRequiredMark",
-  componentId: "core-11_24_3__sc-ncj3pf-2"
+  componentId: "core-11_24_4__sc-ncj3pf-2"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
 export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
@@ -56,19 +55,19 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-11_24_3__sc-ncj3pf-3"
+  componentId: "core-11_24_4__sc-ncj3pf-3"
 })(["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-11_24_3__sc-ncj3pf-4"
+  componentId: "core-11_24_4__sc-ncj3pf-4"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-11_24_3__sc-ncj3pf-5"
+  componentId: "core-11_24_4__sc-ncj3pf-5"
 })(["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'));
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-11_24_3__sc-ncj3pf-6"
+  componentId: "core-11_24_4__sc-ncj3pf-6"
 })(["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 (_ref4) {
   var _ref4$$fullWidth = _ref4.$fullWidth,
     $fullWidth = _ref4$$fullWidth === void 0 ? false : _ref4$$fullWidth;
@@ -80,26 +79,22 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-11_24_3__sc-ncj3pf-7"
+  componentId: "core-11_24_4__sc-ncj3pf-7"
 })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref6) {
   var $view = _ref6.$view;
   return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-11_24_3__sc-ncj3pf-8"
+  componentId: "core-11_24_4__sc-ncj3pf-8"
 })(["white-space:pre-wrap;"]);
-export var StyledFormCheckboxInput = /*#__PURE__*/styled(Checkbox).withConfig({
-  displayName: "StyledFormCheckboxInput",
-  componentId: "core-11_24_3__sc-ncj3pf-9"
-})(["margin-top:", "px;"], spacing.xs);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-11_24_3__sc-ncj3pf-10"
+  componentId: "core-11_24_4__sc-ncj3pf-9"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-11_24_3__sc-ncj3pf-11"
+  componentId: "core-11_24_4__sc-ncj3pf-10"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -110,14 +105,14 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
 var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-11_24_3__sc-ncj3pf-12"
+  componentId: "core-11_24_4__sc-ncj3pf-11"
 })(["", ""], formWrapper);
 export var StyledForm = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledForm",
-  componentId: "core-11_24_3__sc-ncj3pf-13"
+  componentId: "core-11_24_4__sc-ncj3pf-12"
 })(["", ""], formWrapper);
 export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_24_3__sc-ncj3pf-14"
+  componentId: "core-11_24_4__sc-ncj3pf-13"
 })(["word-wrap:break-word;word-break:break-word;"]);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/Form.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.styles.js","names":["Error","Help","Form","FormikForm","styled","css","Checkbox","StyledFieldHeader","Required","Label","Typography","getTypographyIntent","colors","getGapOutlineFocus","spacing","columnGutter","defaultLineHeight","textEditorOutputListPadding","traditionalBorder","traditionalBgGray","traditionalPadding","traditionalFontSize","traditionalLineHeight","getGridColumns","colStart","colEnd","colIeSpan","applyStylesOnlyToIE11","styles","StyledFormFieldMain","div","withConfig","displayName","componentId","_ref","$colStart","$colEnd","$colIeSpan","_ref2","$read","gray15","concat","StyledFormFieldHeader","_ref3","StyledFormFieldRequiredMark","xs","dataQaFieldTooltipIcon","StyledFormFieldTooltipIcon","attrs","sm","gray45","StyledFormFieldErrorIcon","StyledFormFieldBanner","red50","StyledTraditionalFormColumn","_ref4","_ref4$$fullWidth","$fullWidth","_ref5","_ref5$$output","$output","StyledTraditionalFormLabel","_ref6","$view","includes","StyledFormOutputTextArea","span","StyledFormCheckboxInput","StyledFormOutputFiledset","fieldset","StyledFormRow","_ref7","_ref7$$traditional","$traditional","_ref7$$read","white","formWrapper","StyledFormikForm","StyledForm","StyledLabel"],"sources":["../../src/Form/Form.styles.tsx"],"sourcesContent":["import { Error, Help } from '@procore/core-icons/dist'\nimport { Form as FormikForm } from 'formik'\nimport styled, { css } from 'styled-components'\nimport { Checkbox } from '../Checkbox'\nimport { StyledFieldHeader } from '../Field/Field.styles'\nimport { Required } from '../Required/Required'\nimport { Label } from '../Semantic/Semantic'\nimport { Typography } from '../Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { View } from './Form.types'\n\nconst columnGutter = '24px'\nconst defaultLineHeight = '20px'\nconst textEditorOutputListPadding = '10px 0 10px 40px'\n\nconst traditionalBorder = 'rgb(216, 216, 216)'\nconst traditionalBgGray = 'rgb(242, 242, 242)'\nconst traditionalPadding = '10px'\nconst traditionalFontSize = '13px'\nconst traditionalLineHeight = '20px'\n\nfunction getGridColumns(colStart: number, colEnd: number, colIeSpan: number) {\n  return css`\n    -ms-grid-column: ${colStart};\n    grid-column-start: ${colStart};\n    grid-column-end: ${colEnd};\n    -ms-grid-column-span: ${colIeSpan};\n  `\n}\n\nfunction applyStylesOnlyToIE11(styles: string) {\n  return css`\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      ${styles}\n    }\n  `\n}\n\nexport const StyledFormFieldMain = styled.div<{\n  $read: boolean\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 2;\n  grid-row: 2;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  ${({ $read }) =>\n    $read &&\n    css`\n      word-wrap: break-word;\n      color: ${colors.gray15};\n      ${getTypographyIntent('body')};\n    `}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  `)}\n`\n\nexport const StyledFormFieldHeader = styled(StyledFieldHeader)<{\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 1;\n  grid-row: 1;\n  align-self: end;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n    padding-left: ${columnGutter};\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ${StyledFormFieldMain} {\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  `)}\n`\n\nexport const StyledFormFieldRequiredMark = styled(Required)`\n  padding-left: ${spacing.xs}px;\n  vertical-align: top;\n`\n\nexport const dataQaFieldTooltipIcon = 'form-field-tooltip-icon'\n\nexport const StyledFormFieldTooltipIcon = styled(Help).attrs(() => ({\n  'data-qa': dataQaFieldTooltipIcon,\n}))`\n  margin-left: ${spacing.sm}px;\n  color: ${colors.gray45};\n  vertical-align: middle;\n\n  &:focus-visible {\n    border-radius: 50%;\n    ${getGapOutlineFocus}\n    // Icon does not touch viewBox borders. Already has 1px gap\n    outline-offset: 0;\n  }\n`\n\nexport const StyledFormFieldErrorIcon = styled(Error)`\n  vertical-align: sub;\n`\n\nexport const StyledFormFieldBanner = styled.div`\n  display: flex;\n  align-items: flex-start;\n  min-height: 22px;\n  margin-top: ${spacing.xs}px;\n  margin-bottom: 2px;\n  word-break: break-word;\n  word-wrap: break-word;\n  color: ${colors.red50};\n\n  ${getTypographyIntent('body')}\n`\nexport const StyledTraditionalFormColumn = styled.div<{\n  $fullWidth?: boolean\n  $output?: boolean\n}>`\n  padding: ${traditionalPadding};\n  align-self: center;\n  height: 100%;\n\n  &:nth-child(1) {\n    -ms-grid-column: 1;\n  }\n  &:nth-child(2) {\n    -ms-grid-column: 2;\n  }\n  &:nth-child(3) {\n    -ms-grid-column: 3;\n  }\n  &:nth-child(4) {\n    -ms-grid-column: 4;\n  }\n\n  ${({ $fullWidth = false }) =>\n    $fullWidth &&\n    css`\n      grid-column: 2 / 5;\n      -ms-grid-column-span: 3;\n    `}\n\n  ${({ $output = false }) =>\n    $output &&\n    css`\n      font-weight: bold;\n      font-size: ${traditionalFontSize};\n      line-height: ${traditionalLineHeight};\n      word-wrap: break-word;\n    `}\n`\n\nexport const StyledTraditionalFormLabel = styled(Typography)<{ $view: View }>`\n  display: inline-block;\n  word-break: break-word;\n  word-wrap: break-word;\n\n  ${({ $view }) =>\n    ['create', 'update'].includes($view) &&\n    css`\n      padding-top: ${spacing.sm}px;\n    `}\n`\n\nexport const StyledFormOutputTextArea = styled.span`\n  white-space: pre-wrap;\n`\n\nexport const StyledFormCheckboxInput = styled(Checkbox)`\n  margin-top: ${spacing.xs}px;\n`\n\nexport const StyledFormOutputFiledset = styled.fieldset`\n  border: none;\n  padding: 0;\n  margin-top: ${spacing.xs}px;\n`\nexport const StyledFormRow = styled.div<{\n  $traditional?: boolean\n  $read?: boolean\n}>`\n  ${({ $traditional = false, $read = false }) =>\n    $traditional\n      ? css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: 20% 30% 20% 30%;\n          grid-template-columns: 20% 30% 20% 30%;\n          -ms-grid-rows: auto;\n          grid-template-rows: auto;\n          border-top: 1px solid ${traditionalBorder};\n          background-color: ${colors.white};\n\n          &:last-of-type {\n            border-bottom: 1px solid ${traditionalBorder};\n          }\n\n          ${$read &&\n          `\n            &:nth-child(2n + 1) {\n              background-color: ${traditionalBgGray};\n            }\n            \n            & > ${StyledTraditionalFormColumn}:nth-child(2) {\n              border-right: 1px solid ${traditionalBorder};\n      \n              &:last-child {\n                border-right: none;\n              }\n            }\n          `}\n        `\n      : css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr);\n          grid-template-columns: repeat(12, minmax(0, 1fr));\n          -ms-grid-rows: minmax(${defaultLineHeight}, max-content)\n            minmax(${defaultLineHeight}, max-content);\n          grid-template-rows: minmax(${defaultLineHeight}, auto) minmax(\n              ${defaultLineHeight},\n              auto\n            );\n          justify-content: space-between;\n          grid-column-gap: ${columnGutter};\n        `}\n`\n\nconst formWrapper = css`\n  display: inherit;\n  flex-direction: inherit;\n  height: inherit;\n  max-height: inherit;\n`\n\nexport const StyledFormikForm = styled(FormikForm)`\n  ${formWrapper}\n`\n\nexport const StyledForm = styled.div`\n  ${formWrapper}\n`\n\nexport const StyledLabel = styled(Label)`\n  word-wrap: break-word;\n  word-break: break-word;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Form.styles.js","names":["Error","Help","Form","FormikForm","styled","css","StyledFieldHeader","Required","Label","Typography","getTypographyIntent","colors","getGapOutlineFocus","spacing","columnGutter","defaultLineHeight","textEditorOutputListPadding","traditionalBorder","traditionalBgGray","traditionalPadding","traditionalFontSize","traditionalLineHeight","getGridColumns","colStart","colEnd","colIeSpan","applyStylesOnlyToIE11","styles","StyledFormFieldMain","div","withConfig","displayName","componentId","_ref","$colStart","$colEnd","$colIeSpan","_ref2","$read","gray15","concat","StyledFormFieldHeader","xs","_ref3","StyledFormFieldRequiredMark","dataQaFieldTooltipIcon","StyledFormFieldTooltipIcon","attrs","sm","gray45","StyledFormFieldErrorIcon","StyledFormFieldBanner","red50","StyledTraditionalFormColumn","_ref4","_ref4$$fullWidth","$fullWidth","_ref5","_ref5$$output","$output","StyledTraditionalFormLabel","_ref6","$view","includes","StyledFormOutputTextArea","span","StyledFormOutputFiledset","fieldset","StyledFormRow","_ref7","_ref7$$traditional","$traditional","_ref7$$read","white","formWrapper","StyledFormikForm","StyledForm","StyledLabel"],"sources":["../../src/Form/Form.styles.tsx"],"sourcesContent":["import { Error, Help } from '@procore/core-icons/dist'\nimport { Form as FormikForm } from 'formik'\nimport styled, { css } from 'styled-components'\nimport { StyledFieldHeader } from '../Field/Field.styles'\nimport { Required } from '../Required/Required'\nimport { Label } from '../Semantic/Semantic'\nimport { Typography } from '../Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { View } from './Form.types'\n\nconst columnGutter = '24px'\nconst defaultLineHeight = '20px'\nconst textEditorOutputListPadding = '10px 0 10px 40px'\n\nconst traditionalBorder = 'rgb(216, 216, 216)'\nconst traditionalBgGray = 'rgb(242, 242, 242)'\nconst traditionalPadding = '10px'\nconst traditionalFontSize = '13px'\nconst traditionalLineHeight = '20px'\n\nfunction getGridColumns(colStart: number, colEnd: number, colIeSpan: number) {\n  return css`\n    -ms-grid-column: ${colStart};\n    grid-column-start: ${colStart};\n    grid-column-end: ${colEnd};\n    -ms-grid-column-span: ${colIeSpan};\n  `\n}\n\nfunction applyStylesOnlyToIE11(styles: string) {\n  return css`\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      ${styles}\n    }\n  `\n}\n\nexport const StyledFormFieldMain = styled.div<{\n  $read: boolean\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 2;\n  grid-row: 2;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  ${({ $read }) =>\n    $read &&\n    css`\n      word-wrap: break-word;\n      color: ${colors.gray15};\n      ${getTypographyIntent('body')};\n    `}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  `)}\n`\n\nexport const StyledFormFieldHeader = styled(StyledFieldHeader)<{\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 1;\n  grid-row: 1;\n  align-self: end;\n  margin-bottom: ${spacing.xs}px;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n    padding-left: ${columnGutter};\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ${StyledFormFieldMain} {\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  `)}\n`\n\nexport const StyledFormFieldRequiredMark = styled(Required)`\n  padding-left: ${spacing.xs}px;\n  vertical-align: top;\n`\n\nexport const dataQaFieldTooltipIcon = 'form-field-tooltip-icon'\n\nexport const StyledFormFieldTooltipIcon = styled(Help).attrs(() => ({\n  'data-qa': dataQaFieldTooltipIcon,\n}))`\n  margin-left: ${spacing.sm}px;\n  color: ${colors.gray45};\n  vertical-align: middle;\n\n  &:focus-visible {\n    border-radius: 50%;\n    ${getGapOutlineFocus}\n    // Icon does not touch viewBox borders. Already has 1px gap\n    outline-offset: 0;\n  }\n`\n\nexport const StyledFormFieldErrorIcon = styled(Error)`\n  vertical-align: sub;\n`\n\nexport const StyledFormFieldBanner = styled.div`\n  display: flex;\n  align-items: flex-start;\n  min-height: 22px;\n  margin-top: ${spacing.xs}px;\n  margin-bottom: 2px;\n  word-break: break-word;\n  word-wrap: break-word;\n  color: ${colors.red50};\n\n  ${getTypographyIntent('body')}\n`\nexport const StyledTraditionalFormColumn = styled.div<{\n  $fullWidth?: boolean\n  $output?: boolean\n}>`\n  padding: ${traditionalPadding};\n  align-self: center;\n  height: 100%;\n\n  &:nth-child(1) {\n    -ms-grid-column: 1;\n  }\n  &:nth-child(2) {\n    -ms-grid-column: 2;\n  }\n  &:nth-child(3) {\n    -ms-grid-column: 3;\n  }\n  &:nth-child(4) {\n    -ms-grid-column: 4;\n  }\n\n  ${({ $fullWidth = false }) =>\n    $fullWidth &&\n    css`\n      grid-column: 2 / 5;\n      -ms-grid-column-span: 3;\n    `}\n\n  ${({ $output = false }) =>\n    $output &&\n    css`\n      font-weight: bold;\n      font-size: ${traditionalFontSize};\n      line-height: ${traditionalLineHeight};\n      word-wrap: break-word;\n    `}\n`\n\nexport const StyledTraditionalFormLabel = styled(Typography)<{ $view: View }>`\n  display: inline-block;\n  word-break: break-word;\n  word-wrap: break-word;\n\n  ${({ $view }) =>\n    ['create', 'update'].includes($view) &&\n    css`\n      padding-top: ${spacing.sm}px;\n    `}\n`\n\nexport const StyledFormOutputTextArea = styled.span`\n  white-space: pre-wrap;\n`\n\nexport const StyledFormOutputFiledset = styled.fieldset`\n  border: none;\n  padding: 0;\n  margin-top: ${spacing.xs}px;\n`\nexport const StyledFormRow = styled.div<{\n  $traditional?: boolean\n  $read?: boolean\n}>`\n  ${({ $traditional = false, $read = false }) =>\n    $traditional\n      ? css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: 20% 30% 20% 30%;\n          grid-template-columns: 20% 30% 20% 30%;\n          -ms-grid-rows: auto;\n          grid-template-rows: auto;\n          border-top: 1px solid ${traditionalBorder};\n          background-color: ${colors.white};\n\n          &:last-of-type {\n            border-bottom: 1px solid ${traditionalBorder};\n          }\n\n          ${$read &&\n          `\n            &:nth-child(2n + 1) {\n              background-color: ${traditionalBgGray};\n            }\n            \n            & > ${StyledTraditionalFormColumn}:nth-child(2) {\n              border-right: 1px solid ${traditionalBorder};\n      \n              &:last-child {\n                border-right: none;\n              }\n            }\n          `}\n        `\n      : css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr);\n          grid-template-columns: repeat(12, minmax(0, 1fr));\n          -ms-grid-rows: minmax(${defaultLineHeight}, max-content)\n            minmax(${defaultLineHeight}, max-content);\n          grid-template-rows: minmax(${defaultLineHeight}, auto) minmax(\n              ${defaultLineHeight},\n              auto\n            );\n          justify-content: space-between;\n          grid-column-gap: ${columnGutter};\n        `}\n`\n\nconst formWrapper = css`\n  display: inherit;\n  flex-direction: inherit;\n  height: inherit;\n  max-height: inherit;\n`\n\nexport const StyledFormikForm = styled(FormikForm)`\n  ${formWrapper}\n`\n\nexport const StyledForm = styled.div`\n  ${formWrapper}\n`\n\nexport const StyledLabel = styled(Label)`\n  word-wrap: break-word;\n  word-break: break-word;\n`\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,IAAI,QAAQ,0BAA0B;AACtD,SAASC,IAAI,IAAIC,UAAU,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,iBAAiB,QAAQ,uBAAuB;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,KAAK,QAAQ,sBAAsB;AAC5C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,IAAMC,YAAY,GAAG,MAAM;AAC3B,IAAMC,iBAAiB,GAAG,MAAM;AAChC,IAAMC,2BAA2B,GAAG,kBAAkB;AAEtD,IAAMC,iBAAiB,GAAG,oBAAoB;AAC9C,IAAMC,iBAAiB,GAAG,oBAAoB;AAC9C,IAAMC,kBAAkB,GAAG,MAAM;AACjC,IAAMC,mBAAmB,GAAG,MAAM;AAClC,IAAMC,qBAAqB,GAAG,MAAM;AAEpC,SAASC,cAAcA,CAACC,QAAgB,EAAEC,MAAc,EAAEC,SAAiB,EAAE;EAC3E,OAAOpB,GAAG,kGACWkB,QAAQ,EACNA,QAAQ,EACVC,MAAM,EACDC,SAAS;AAErC;AAEA,SAASC,qBAAqBA,CAACC,MAAc,EAAE;EAC7C,OAAOtB,GAAG,kFAEJsB,MAAM;AAGd;AAEA,OAAO,IAAMC,mBAAmB,gBAAGxB,MAAM,CAACyB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iDASzC,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAAA,OACjCd,cAAc,CAACY,SAAS,EAAEC,OAAO,EAAEC,UAAU,CAAC;AAAA,GAE9C,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,IACLjC,GAAG,4CAEQM,MAAM,CAAC4B,MAAM,EACpB7B,mBAAmB,CAAC,MAAM,CAAC,CAC9B;AAAA,GAKDgB,qBAAqB,0BAAAc,MAAA,CACH1B,YAAY,uEAK/B,CAAC,CACH;AAED,OAAO,IAAM2B,qBAAqB,gBAAGrC,MAAM,CAACE,iBAAiB,CAAC,CAAAwB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFAQ3CnB,OAAO,CAAC6B,EAAE,EAEzB,UAAAC,KAAA;EAAA,IAAGT,SAAS,GAAAS,KAAA,CAATT,SAAS;IAAEC,OAAO,GAAAQ,KAAA,CAAPR,OAAO;IAAEC,UAAU,GAAAO,KAAA,CAAVP,UAAU;EAAA,OACjCd,cAAc,CAACY,SAAS,EAAEC,OAAO,EAAEC,UAAU,CAAC;AAAA,GAK9CV,qBAAqB,wBAAAc,MAAA,CACL1B,YAAY,qEAAA0B,MAAA,CAM1BZ,mBAAmB,8BAAAY,MAAA,CACH1B,YAAY,8EAM/B,CAAC,CACH;AAED,OAAO,IAAM8B,2BAA2B,gBAAGxC,MAAM,CAACG,QAAQ,CAAC,CAAAuB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACzCnB,OAAO,CAAC6B,EAAE,CAE3B;AAED,OAAO,IAAMG,sBAAsB,GAAG,yBAAyB;AAE/D,OAAO,IAAMC,0BAA0B,gBAAG1C,MAAM,CAACH,IAAI,CAAC,CAAC8C,KAAK,CAAC;EAAA,OAAO;IAClE,SAAS,EAAEF;EACb,CAAC;AAAA,CAAC,CAAC,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sHACcnB,OAAO,CAACmC,EAAE,EAChBrC,MAAM,CAACsC,MAAM,EAKlBrC,kBAAkB,CAIvB;AAED,OAAO,IAAMsC,wBAAwB,gBAAG9C,MAAM,CAACJ,KAAK,CAAC,CAAA8B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BAEpD;AAED,OAAO,IAAMmB,qBAAqB,gBAAG/C,MAAM,CAACyB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2JAI/BnB,OAAO,CAAC6B,EAAE,EAIf/B,MAAM,CAACyC,KAAK,EAEnB1C,mBAAmB,CAAC,MAAM,CAAC,CAC9B;AACD,OAAO,IAAM2C,2BAA2B,gBAAGjD,MAAM,CAACyB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qMAIxCb,kBAAkB,EAiB3B,UAAAmC,KAAA;EAAA,IAAAC,gBAAA,GAAAD,KAAA,CAAGE,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;EAAA,OACrBC,UAAU,IACVnD,GAAG,+CAGF;AAAA,GAED,UAAAoD,KAAA;EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OAClBC,OAAO,IACPtD,GAAG,6EAEYe,mBAAmB,EACjBC,qBAAqB,CAErC;AAAA,EACJ;AAED,OAAO,IAAMuC,0BAA0B,gBAAGxD,MAAM,CAACK,UAAU,CAAC,CAAAqB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAKxD,UAAA6B,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACR,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC,IACpCzD,GAAG,0BACcQ,OAAO,CAACmC,EAAE,CAC1B;AAAA,EACJ;AAED,OAAO,IAAMgB,wBAAwB,gBAAG5D,MAAM,CAAC6D,IAAI,CAAAnC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAElD;AAED,OAAO,IAAMkC,wBAAwB,gBAAG9D,MAAM,CAAC+D,QAAQ,CAAArC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iDAGvCnB,OAAO,CAAC6B,EAAE,CACzB;AACD,OAAO,IAAM0B,aAAa,gBAAGhE,MAAM,CAACyB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAInC,UAAAqC,KAAA;EAAA,IAAAC,kBAAA,GAAAD,KAAA,CAAGE,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAAAE,WAAA,GAAAH,KAAA,CAAE/B,KAAK;IAALA,KAAK,GAAAkC,WAAA,cAAG,KAAK,GAAAA,WAAA;EAAA,OACtCD,YAAY,GACRlE,GAAG,wPAOuBY,iBAAiB,EACrBN,MAAM,CAAC8D,KAAK,EAGHxD,iBAAiB,EAG5CqB,KAAK,4EAAAE,MAAA,CAGiBtB,iBAAiB,sDAAAsB,MAAA,CAGjCa,2BAA2B,6DAAAb,MAAA,CACLvB,iBAAiB,6HAM9C,IAEHZ,GAAG,ybAQuBU,iBAAiB,EAC9BA,iBAAiB,EACCA,iBAAiB,EACxCA,iBAAiB,EAIJD,YAAY,CAChC;AAAA,EACR;AAED,IAAM4D,WAAW,gBAAGrE,GAAG,+EAKtB;AAED,OAAO,IAAMsE,gBAAgB,gBAAGvE,MAAM,CAACD,UAAU,CAAC,CAAA2B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC9C0C,WAAW,CACd;AAED,OAAO,IAAME,UAAU,gBAAGxE,MAAM,CAACyB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChC0C,WAAW,CACd;AAED,OAAO,IAAMG,WAAW,gBAAGzE,MAAM,CAACI,KAAK,CAAC,CAAAsB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDAGvC"}

package/dist/Grid/Grid.styles.js

@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-11_24_3__sc-8pinsp-0"
+  componentId: "core-11_24_4__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-11_24_3__sc-8pinsp-1"
+  componentId: "core-11_24_4__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

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-11_24_3__sc-u5gu8j-0"
+  componentId: "core-11_24_4__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.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_24_3__sc-12sjkxg-0"
+  componentId: "core-11_24_4__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.styles.js

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

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-11_24_3__sc-1eq7fzi-0"
+  componentId: "core-11_24_4__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-11_24_3__sc-1eq7fzi-1"
+  componentId: "core-11_24_4__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-11_24_3__sc-1eq7fzi-2"
+  componentId: "core-11_24_4__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-11_24_3__sc-1eq7fzi-3"
+  componentId: "core-11_24_4__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-11_24_3__sc-1eq7fzi-4"
+  componentId: "core-11_24_4__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-11_24_3__sc-1eq7fzi-5"
+  componentId: "core-11_24_4__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-11_24_3__sc-1eq7fzi-6"
+  componentId: "core-11_24_4__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-11_24_3__sc-1eq7fzi-7"
+  componentId: "core-11_24_4__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-11_24_3__sc-wgvjj9-0"
+  componentId: "core-11_24_4__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-11_24_3__sc-wgvjj9-1"
+  componentId: "core-11_24_4__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_24_3__sc-z984sz-0"
+  componentId: "core-11_24_4__sc-z984sz-0"
 })(["display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-11_24_3__sc-z984sz-1"
+  componentId: "core-11_24_4__sc-z984sz-1"
 })(["display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-11_24_3__sc-z984sz-2"
+  componentId: "core-11_24_4__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus());
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-11_24_3__sc-z984sz-3"
+  componentId: "core-11_24_4__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-11_24_3__sc-z984sz-4"
+  componentId: "core-11_24_4__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-11_24_3__sc-z984sz-5"
+  componentId: "core-11_24_4__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-11_24_3__sc-z984sz-6"
+  componentId: "core-11_24_4__sc-z984sz-6"
 })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
   var $clickable = _ref2.$clickable;
   return $clickable ? 'pointer' : 'default';
 }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_24_3__sc-z984sz-7"
+  componentId: "core-11_24_4__sc-z984sz-7"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
   var as = _ref3.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-11_24_3__sc-z984sz-8"
+  componentId: "core-11_24_4__sc-z984sz-8"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_24_3__sc-z984sz-9"
+  componentId: "core-11_24_4__sc-z984sz-9"
 })(["border-top:1px solid ", ";"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/Modal.styles.js

@@ -18,15 +18,15 @@ export var modalPixelWidths = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-11_24_3__sc-1ijdug2-0"
+  componentId: "core-11_24_4__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-11_24_3__sc-1ijdug2-1"
+  componentId: "core-11_24_4__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-11_24_3__sc-1ijdug2-2"
+  componentId: "core-11_24_4__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
   var $placement = _ref.$placement;
   if ($placement === 'top') {
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-11_24_3__sc-1ijdug2-3"
+  componentId: "core-11_24_4__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-11_24_3__sc-1ijdug2-4"
+  componentId: "core-11_24_4__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
   var noSideSpacing = _ref3.noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_24_3__sc-1ijdug2-5"
+  componentId: "core-11_24_4__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-11_24_3__sc-1ijdug2-6"
+  componentId: "core-11_24_4__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_24_3__sc-1ijdug2-7"
+  componentId: "core-11_24_4__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
   var $isBodyScrolled = _ref5.$isBodyScrolled;
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-11_24_3__sc-1ijdug2-8"
+  componentId: "core-11_24_4__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-11_24_3__sc-1ijdug2-9"
+  componentId: "core-11_24_4__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-11_24_3__sc-1ijdug2-10"
+  componentId: "core-11_24_4__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-11_24_3__sc-1ijdug2-11"
+  componentId: "core-11_24_4__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-11_24_3__sc-1ijdug2-12"
+  componentId: "core-11_24_4__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/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-11_24_3__sc-s9ym9q-0"
+  componentId: "core-11_24_4__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-11_24_3__sc-s9ym9q-1"
+  componentId: "core-11_24_4__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-11_24_3__sc-s9ym9q-2"
+  componentId: "core-11_24_4__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-11_24_3__sc-s9ym9q-3"
+  componentId: "core-11_24_4__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-11_24_3__sc-s9ym9q-4"
+  componentId: "core-11_24_4__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-11_24_3__sc-s9ym9q-5"
+  componentId: "core-11_24_4__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-11_24_3__sc-3o6zya-0"
+  componentId: "core-11_24_4__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_24_3__sc-3o6zya-1"
+  componentId: "core-11_24_4__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-11_24_3__sc-3o6zya-2"
+  componentId: "core-11_24_4__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

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-11_24_3__sc-160q1m6-0"
+  componentId: "core-11_24_4__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var variant = _ref.variant;
   return variant ? colors[variantColorMap[variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.styles.js

@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
 var inputBorder = "".concat(colors.gray70, " solid 1px");
 var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRootAddon",
-  componentId: "core-11_24_3__sc-1782nvg-0"
+  componentId: "core-11_24_4__sc-1782nvg-0"
 })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
 }, getTypographyIntent('body'));
 export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledPrefix",
-  componentId: "core-11_24_3__sc-1782nvg-1"
+  componentId: "core-11_24_4__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-11_24_3__sc-1782nvg-2"
+  componentId: "core-11_24_4__sc-1782nvg-2"
 })(["right:", "px;"], function (_ref2) {
   var withIncrementer = _ref2.withIncrementer;
   return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
 });
 export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIncrementerWrapper",
-  componentId: "core-11_24_3__sc-1782nvg-3"
+  componentId: "core-11_24_4__sc-1782nvg-3"
 })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
 export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIncrementerButton",
-  componentId: "core-11_24_3__sc-1782nvg-4"
+  componentId: "core-11_24_4__sc-1782nvg-4"
 })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
 export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_24_3__sc-1782nvg-5"
+  componentId: "core-11_24_4__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_24_3__sc-1782nvg-6"
+  componentId: "core-11_24_4__sc-1782nvg-6"
 })(["position:relative;", ""], function (_ref3) {
   var hasIncrementer = _ref3.hasIncrementer;
   return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);

package/dist/Overlay/OverlayArrow.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 export var arrowSize = 8;
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledArrow",
-  componentId: "core-11_24_3__sc-1epxw7u-0"
+  componentId: "core-11_24_4__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map