@procore/core-react 12.39.0 → 12.41.0

package/dist/FileToken/FileToken.styles.d.ts

@@ -8,3 +8,5 @@ export declare const StyledFileToken: import("styled-components/dist/types").ISt
     $finalized?: boolean | undefined;
     $progressComplete?: boolean | undefined;
 }>> & string;
+export declare const StyledErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledFileTokenErrorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/FileToken/FileToken.styles.js

@@ -1,24 +1,26 @@
 import styled, { css, keyframes } from 'styled-components';
 import { StyledLoader } from '../Loader/Loader.styles';
 import { StyledLabel, StyledRemove, StyledToken } from '../Token/Token.styles';
+import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
 export var pulseAnimationDuration = 600;
 var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
 export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilenameShortcut",
-  componentId: "core-12_39_0__sc-13jx4bx-0"
+  componentId: "core-12_41_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_39_0__sc-13jx4bx-1"
+  componentId: "core-12_41_0__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_39_0__sc-13jx4bx-2"
+  componentId: "core-12_41_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_39_0__sc-13jx4bx-3"
+  componentId: "core-12_41_0__sc-13jx4bx-3"
 })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;", "{color:", ";}}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
   var $progressComplete = _ref.$progressComplete;
   return $progressComplete && css(["background-color:", ";"], colors.blue45);
@@ -33,4 +35,12 @@ export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   }
   return css([""]);
 });
+export var StyledErrorMessage = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledErrorMessage",
+  componentId: "core-12_41_0__sc-13jx4bx-4"
+})(["display:block;color:", ";margin-top:", "px;word-break:break-word;", ""], colors.red50, spacing.xs, getTypographyIntent('small'));
+export var StyledFileTokenErrorContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFileTokenErrorContainer",
+  componentId: "core-12_41_0__sc-13jx4bx-5"
+})(["max-width:100%;outline:none;&:focus,&.focus{> ", "{box-shadow:0 0 0 2px ", ";outline:none;}}"], StyledFileToken, colors.blue40);
 //# sourceMappingURL=FileToken.styles.js.map

package/dist/FileToken/FileToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledRemove","StyledToken","colors","pulseAnimationDuration","focusPulse","blue60","blue90","blue94","StyledFilenameShortcut","div","withConfig","displayName","componentId","StyledFilename","span","StyledExtension","StyledFileToken","gray96","blue40","_ref","$progressComplete","blue45","white","_ref2","$error","$finalized","red50","blue50"],"sources":["../../src/FileToken/FileToken.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledLoader } from '../Loader/Loader.styles'\nimport { StyledLabel, StyledRemove, StyledToken } from '../Token/Token.styles'\nimport { colors } from '../_styles/colors'\n\nexport const pulseAnimationDuration = 600\n\nconst focusPulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  25% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  50% {\n    box-shadow: 0 0 0 1px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 2px ${colors.blue94};\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 6px ${colors.blue94};\n  }\n`\n\nexport const StyledFilenameShortcut = styled.div`\n  display: flex;\n`\n\nexport const StyledFilename = styled.span`\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const StyledExtension = styled.span`\n  flex-shrink: 0;\n`\n\nexport const StyledFileToken = styled.div<{\n  $error?: boolean\n  $finalized?: boolean\n  $progressComplete?: boolean\n}>`\n  background-color: ${colors.gray96};\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    ${StyledToken} {\n      border-color: transparent;\n\n      ${({ $progressComplete }) =>\n        $progressComplete &&\n        css`\n          background-color: ${colors.blue45};\n        `}\n    }\n  }\n\n  ${StyledToken} {\n    background: none;\n    color: ${colors.blue40};\n    display: flex;\n    user-select: none;\n\n    ${StyledRemove} {\n      color: ${colors.blue40};\n    }\n  }\n\n  ${StyledLoader} {\n    overflow: hidden;\n\n    ${StyledToken} {\n      border-radius: 200px 0 0 200px;\n      color: ${colors.white};\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ${StyledLabel} {\n        flex: 0 0 auto;\n      }\n    }\n  }\n\n  ${({ $error, $finalized, $progressComplete }) => {\n    if ($error) {\n      return css`\n        background-color: ${colors.red50};\n\n        &:focus {\n          background-color: ${colors.red50};\n        }\n\n        ${StyledToken} {\n          color: ${colors.white};\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        ${StyledLoader} {\n          display: none;\n        }\n      `\n    } else if ($finalized || $progressComplete) {\n      return css`\n        ${$finalized &&\n        css`\n          animation-delay: 0;\n          animation-duration: ${pulseAnimationDuration}ms;\n          animation-name: ${focusPulse};\n          animation-timing-function: ease-out;\n        `};\n\n        ${StyledLoader} {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ${StyledToken} {\n          background-color: ${colors.blue50};\n          color: ${colors.white};\n\n          &:hover,\n          &:focus {\n            background-color: ${colors.blue45};\n          }\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ${StyledToken} {\n            background-color: ${colors.blue45};\n          }\n        }\n      `\n    }\n\n    return css``\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,uBAAuB;AAC9E,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,sBAAsB,GAAG,GAAG;AAEzC,IAAMC,UAAU,gBAAGP,SAAS,iPAEFK,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAGjEL,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAG/DL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAGnEL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,CAElG;AAED,OAAO,IAAMC,sBAAsB,gBAAGb,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE/C;AAED,OAAO,IAAMC,cAAc,gBAAGlB,MAAM,CAACmB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAIxC;AAED,OAAO,IAAMG,eAAe,gBAAGpB,MAAM,CAACmB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEzC;AAED,OAAO,IAAMI,eAAe,gBAAGrB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gdAKnBV,MAAM,CAACe,MAAM,EASPf,MAAM,CAACgB,MAAM,EAGnCjB,WAAW,EAGT,UAAAkB,IAAA;EAAA,IAAGC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,OACpBA,iBAAiB,IACjBxB,GAAG,6BACmBM,MAAM,CAACmB,MAAM,CAClC;AAAA,GAILpB,WAAW,EAEFC,MAAM,CAACgB,MAAM,EAIpBlB,YAAY,EACHE,MAAM,CAACgB,MAAM,EAIxBpB,YAAY,EAGVG,WAAW,EAEFC,MAAM,CAACoB,KAAK,EAKnBvB,WAAW,EAMf,UAAAwB,KAAA,EAA+C;EAAA,IAA5CC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAEL,iBAAiB,GAAAG,KAAA,CAAjBH,iBAAiB;EACxC,IAAII,MAAM,EAAE;IACV,OAAO5B,GAAG,6JACYM,MAAM,CAACwB,KAAK,EAGVxB,MAAM,CAACwB,KAAK,EAGhCzB,WAAW,EACFC,MAAM,CAACoB,KAAK,EAEnBtB,YAAY,EACHE,MAAM,CAACoB,KAAK,EAMVpB,MAAM,CAACgB,MAAM,EAK1BpB,YAAY;EAIlB,CAAC,MAAM,IAAI2B,UAAU,IAAIL,iBAAiB,EAAE;IAC1C,OAAOxB,GAAG,wOACN6B,UAAU,IACZ7B,GAAG,0GAEqBO,sBAAsB,EAC1BC,UAAU,CAE7B,EAECN,YAAY,EAKZG,WAAW,EACSC,MAAM,CAACyB,MAAM,EACxBzB,MAAM,CAACoB,KAAK,EAICpB,MAAM,CAACmB,MAAM,EAGjCrB,YAAY,EACHE,MAAM,CAACoB,KAAK,EAMVpB,MAAM,CAACgB,MAAM,EAOxBjB,WAAW,EACSC,MAAM,CAACmB,MAAM;EAIzC;EAEA,OAAOzB,GAAG;AACZ,CAAC,CACF"}
+{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledRemove","StyledToken","getTypographyIntent","colors","spacing","pulseAnimationDuration","focusPulse","blue60","blue90","blue94","StyledFilenameShortcut","div","withConfig","displayName","componentId","StyledFilename","span","StyledExtension","StyledFileToken","gray96","blue40","_ref","$progressComplete","blue45","white","_ref2","$error","$finalized","red50","blue50","StyledErrorMessage","xs","StyledFileTokenErrorContainer"],"sources":["../../src/FileToken/FileToken.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledLoader } from '../Loader/Loader.styles'\nimport { StyledLabel, StyledRemove, StyledToken } from '../Token/Token.styles'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const pulseAnimationDuration = 600\n\nconst focusPulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  25% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  50% {\n    box-shadow: 0 0 0 1px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 2px ${colors.blue94};\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 6px ${colors.blue94};\n  }\n`\n\nexport const StyledFilenameShortcut = styled.div`\n  display: flex;\n`\n\nexport const StyledFilename = styled.span`\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const StyledExtension = styled.span`\n  flex-shrink: 0;\n`\n\nexport const StyledFileToken = styled.div<{\n  $error?: boolean\n  $finalized?: boolean\n  $progressComplete?: boolean\n}>`\n  background-color: ${colors.gray96};\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    ${StyledToken} {\n      border-color: transparent;\n\n      ${({ $progressComplete }) =>\n        $progressComplete &&\n        css`\n          background-color: ${colors.blue45};\n        `}\n    }\n  }\n\n  ${StyledToken} {\n    background: none;\n    color: ${colors.blue40};\n    display: flex;\n    user-select: none;\n\n    ${StyledRemove} {\n      color: ${colors.blue40};\n    }\n  }\n\n  ${StyledLoader} {\n    overflow: hidden;\n\n    ${StyledToken} {\n      border-radius: 200px 0 0 200px;\n      color: ${colors.white};\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ${StyledLabel} {\n        flex: 0 0 auto;\n      }\n    }\n  }\n\n  ${({ $error, $finalized, $progressComplete }) => {\n    if ($error) {\n      return css`\n        background-color: ${colors.red50};\n\n        &:focus {\n          background-color: ${colors.red50};\n        }\n\n        ${StyledToken} {\n          color: ${colors.white};\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        ${StyledLoader} {\n          display: none;\n        }\n      `\n    } else if ($finalized || $progressComplete) {\n      return css`\n        ${$finalized &&\n        css`\n          animation-delay: 0;\n          animation-duration: ${pulseAnimationDuration}ms;\n          animation-name: ${focusPulse};\n          animation-timing-function: ease-out;\n        `};\n\n        ${StyledLoader} {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ${StyledToken} {\n          background-color: ${colors.blue50};\n          color: ${colors.white};\n\n          &:hover,\n          &:focus {\n            background-color: ${colors.blue45};\n          }\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ${StyledToken} {\n            background-color: ${colors.blue45};\n          }\n        }\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const StyledErrorMessage = styled.span`\n  display: block;\n  color: ${colors.red50};\n  margin-top: ${spacing.xs}px;\n  word-break: break-word;\n  ${getTypographyIntent('small')}\n`\n\nexport const StyledFileTokenErrorContainer = styled.div`\n  max-width: 100%;\n  outline: none;\n\n  &:focus,\n  &.focus {\n    > ${StyledFileToken} {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n      outline: none;\n    }\n  }\n`\n"],"mappings":"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"}

package/dist/FilterToken/FilterToken.styles.js

@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_39_0__sc-1l1h29r-0"
+  componentId: "core-12_41_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_39_0__sc-1l1h29r-1"
+  componentId: "core-12_41_0__sc-1l1h29r-1"
 })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledFilterRemoveButton",
-  componentId: "core-12_39_0__sc-1l1h29r-2"
+  componentId: "core-12_41_0__sc-1l1h29r-2"
 })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
   var $disabled = _ref2.$disabled;
   return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
 }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_39_0__sc-1l1h29r-3"
+  componentId: "core-12_41_0__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_39_0__sc-1l1h29r-4"
+  componentId: "core-12_41_0__sc-1l1h29r-4"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 //# sourceMappingURL=FilterToken.styles.js.map

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_39_0__sc-1quvv61-0"
+  componentId: "core-12_41_0__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/Form/Form.styles.js

@@ -23,7 +23,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-12_39_0__sc-ncj3pf-0"
+  componentId: "core-12_41_0__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -35,15 +35,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_39_0__sc-ncj3pf-1"
+  componentId: "core-12_41_0__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_39_0__sc-ncj3pf-2"
+  componentId: "core-12_41_0__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_39_0__sc-ncj3pf-3"
+  componentId: "core-12_41_0__sc-ncj3pf-3"
 })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
   var $read = _ref3.$read;
   if (!$read) {
@@ -52,7 +52,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
 });
 export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-12_39_0__sc-ncj3pf-4"
+  componentId: "core-12_41_0__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,
@@ -61,20 +61,20 @@ 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_39_0__sc-ncj3pf-5"
+  componentId: "core-12_41_0__sc-ncj3pf-5"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
   displayName: "StyledFormFieldErrorIcon",
-  componentId: "core-12_39_0__sc-ncj3pf-6"
+  componentId: "core-12_41_0__sc-ncj3pf-6"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-12_39_0__sc-ncj3pf-7"
+  componentId: "core-12_41_0__sc-ncj3pf-7"
 })(["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_39_0__sc-ncj3pf-8"
+  componentId: "core-12_41_0__sc-ncj3pf-8"
 })(["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;
@@ -86,15 +86,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-12_39_0__sc-ncj3pf-9"
+  componentId: "core-12_41_0__sc-ncj3pf-9"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-12_39_0__sc-ncj3pf-10"
+  componentId: "core-12_41_0__sc-ncj3pf-10"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-12_39_0__sc-ncj3pf-11"
+  componentId: "core-12_41_0__sc-ncj3pf-11"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -105,6 +105,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_39_0__sc-ncj3pf-12"
+  componentId: "core-12_41_0__sc-ncj3pf-12"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

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_39_0__sc-1ks7m0l-0"
+  componentId: "core-12_41_0__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_39_0__sc-1ks7m0l-1"
+  componentId: "core-12_41_0__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/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_39_0__sc-1nja302-0"
+  componentId: "core-12_41_0__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_39_0__sc-1nja302-1"
+  componentId: "core-12_41_0__sc-1nja302-1"
 })(["width:", ";height:", ";border-radius:50%;"], function (props) {
   return props.$small ? '24px' : '40px';
 }, function (props) {

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-12_39_0__sc-8pinsp-0"
+  componentId: "core-12_41_0__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_39_0__sc-8pinsp-1"
+  componentId: "core-12_41_0__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-12_39_0__sc-u5gu8j-0"
+  componentId: "core-12_41_0__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-12_39_0__sc-12sjkxg-0"
+  componentId: "core-12_41_0__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-12_39_0__sc-jfowrl-0"
+  componentId: "core-12_41_0__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-12_39_0__sc-1eq7fzi-0"
+  componentId: "core-12_41_0__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-12_39_0__sc-1eq7fzi-1"
+  componentId: "core-12_41_0__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_39_0__sc-1eq7fzi-2"
+  componentId: "core-12_41_0__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_39_0__sc-1eq7fzi-3"
+  componentId: "core-12_41_0__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-12_39_0__sc-1eq7fzi-4"
+  componentId: "core-12_41_0__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-12_39_0__sc-1eq7fzi-5"
+  componentId: "core-12_41_0__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-12_39_0__sc-1eq7fzi-6"
+  componentId: "core-12_41_0__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_39_0__sc-1eq7fzi-7"
+  componentId: "core-12_41_0__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-12_39_0__sc-wgvjj9-0"
+  componentId: "core-12_41_0__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-12_39_0__sc-wgvjj9-1"
+  componentId: "core-12_41_0__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["@media (prefers-reduced-motion:no-preference){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-12_39_0__sc-z984sz-0"
+  componentId: "core-12_41_0__sc-z984sz-0"
 })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-12_39_0__sc-z984sz-1"
+  componentId: "core-12_41_0__sc-z984sz-1"
 })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_39_0__sc-z984sz-2"
+  componentId: "core-12_41_0__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,27 +27,27 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus());
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-12_39_0__sc-z984sz-3"
+  componentId: "core-12_41_0__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_39_0__sc-z984sz-4"
+  componentId: "core-12_41_0__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_39_0__sc-z984sz-5"
+  componentId: "core-12_41_0__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-12_39_0__sc-z984sz-6"
+  componentId: "core-12_41_0__sc-z984sz-6"
 })(["&:not(:first-child){margin-top:", "px;}"], spacing.md);
 export var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGroupLabel",
-  componentId: "core-12_39_0__sc-z984sz-7"
+  componentId: "core-12_41_0__sc-z984sz-7"
 })(["", " display:block;color:", ";font-weight:", ";padding:", "px ", "px;cursor:default;"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold, spacing.xs, spacing.lg);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_39_0__sc-z984sz-8"
+  componentId: "core-12_41_0__sc-z984sz-8"
 })(["", ";", " 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 (_ref2) {
   var as = _ref2.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -76,10 +76,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-12_39_0__sc-z984sz-9"
+  componentId: "core-12_41_0__sc-z984sz-9"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_39_0__sc-z984sz-10"
+  componentId: "core-12_41_0__sc-z984sz-10"
 })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/Modal.styles.js

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

package/dist/MultiSelect/MultiSelect.styles.js

@@ -8,34 +8,34 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectInner",
-  componentId: "core-12_39_0__sc-s9ym9q-0"
+  componentId: "core-12_41_0__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_39_0__sc-s9ym9q-1"
+  componentId: "core-12_41_0__sc-s9ym9q-1"
 })(["display:contents;"]);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_39_0__sc-s9ym9q-2"
+  componentId: "core-12_41_0__sc-s9ym9q-2"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-12_39_0__sc-s9ym9q-3"
+  componentId: "core-12_41_0__sc-s9ym9q-3"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_39_0__sc-s9ym9q-4"
+  componentId: "core-12_41_0__sc-s9ym9q-4"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-12_39_0__sc-s9ym9q-5"
+  componentId: "core-12_41_0__sc-s9ym9q-5"
 })(["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 = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledMultiSelectClearIcon",
-  componentId: "core-12_39_0__sc-s9ym9q-6"
+  componentId: "core-12_41_0__sc-s9ym9q-6"
 })(["", " ", "{pointer-events:none;}"], function (_ref2) {
   var $show = _ref2.$show;
   return css(["opacity:", ";"], $show ? 1 : 0);
@@ -45,7 +45,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_39_0__sc-s9ym9q-7"
+  componentId: "core-12_41_0__sc-s9ym9q-7"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
   var $emptyValue = _ref3.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

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

package/dist/Notation/Notation.js

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