@procore/core-react 11.22.0 → 11.23.0

package/dist/Typography/Typography.styles.js

@@ -1,54 +1,55 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { colors } from '../_styles/colors';
 export var typographyWeights = {
-    regular: 400,
-    semibold: 600,
-    bold: 700,
+  regular: 400,
+  semibold: 600,
+  bold: 700
 };
 export var typographyLineHeight = {
-    small: 16,
-    body: 20,
-    h1: 32,
-    h2: 28,
-    h3: 24,
-    label: 20,
+  small: 16,
+  body: 20,
+  h1: 32,
+  h2: 28,
+  h3: 24,
+  label: 20
 };
-var body = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.regular, typographyLineHeight.body);
-var h1 = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.bold, typographyLineHeight.h1);
-var h2 = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.semibold, typographyLineHeight.h2);
-var h3 = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.semibold, typographyLineHeight.h3);
-var small = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ", ";\n  letter-spacing: 0.25px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ", ";\n  letter-spacing: 0.25px;\n  line-height: ", "px;\n"])), typographyWeights.regular, typographyLineHeight.small);
-var label = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.bold, typographyLineHeight.label);
+var body = /*#__PURE__*/css(["font-family:inherit;font-size:14px;font-weight:", ";letter-spacing:0.15px;line-height:", "px;"], typographyWeights.regular, typographyLineHeight.body);
+var h1 = /*#__PURE__*/css(["font-family:inherit;font-size:24px;font-weight:", ";letter-spacing:0.15px;line-height:", "px;"], typographyWeights.bold, typographyLineHeight.h1);
+var h2 = /*#__PURE__*/css(["font-family:inherit;font-size:20px;font-weight:", ";letter-spacing:0.15px;line-height:", "px;"], typographyWeights.semibold, typographyLineHeight.h2);
+var h3 = /*#__PURE__*/css(["font-family:inherit;font-size:16px;font-weight:", ";letter-spacing:0.15px;line-height:", "px;"], typographyWeights.semibold, typographyLineHeight.h3);
+var small = /*#__PURE__*/css(["font-family:inherit;font-size:12px;font-weight:", ";letter-spacing:0.25px;line-height:", "px;"], typographyWeights.regular, typographyLineHeight.small);
+var label = /*#__PURE__*/css(["font-family:inherit;font-size:14px;font-weight:", ";letter-spacing:0.15px;line-height:", "px;"], typographyWeights.bold, typographyLineHeight.label);
 var typographyIntents = {
-    body: body,
-    h1: h1,
-    h2: h2,
-    h3: h3,
-    small: small,
-    label: label,
+  body: body,
+  h1: h1,
+  h2: h2,
+  h3: h3,
+  small: small,
+  label: label
 };
 export function getTypographyIntent(intent) {
-    return typographyIntents[intent];
+  return typographyIntents[intent];
 }
-export var semiboldRules = function () {
-    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  "], ["\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  "])));
+export var semiboldRules = function semiboldRules() {
+  return css(["& > strong,> b{font-weight:600;}"]);
 };
-export var StyledTypography = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  ", "\n\n  em,\n  i {\n    font-style: italic;\n  }\n"], ["\n  ", "\n  color: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  ", "\n\n  em,\n  i {\n    font-style: italic;\n  }\n"])), function (_a) {
-    var _b = _a.intent, intent = _b === void 0 ? 'body' : _b;
-    return typographyIntents[intent];
-}, function (_a) {
-    var _b = _a.$color, $color = _b === void 0 ? 'gray15' : _b;
-    return colors[$color];
-}, function (_a) {
-    var _b = _a.italic, italic = _b === void 0 ? false : _b;
-    return (italic ? 'italic' : 'inherit');
-}, function (_a) {
-    var weight = _a.weight;
-    return weight && typographyWeights[weight];
+export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledTypography",
+  componentId: "core-11_23_0__sc-1c4583t-0"
+})(["", " color:", ";font-style:", ";font-weight:", ";", " em,i{font-style:italic;}"], function (_ref) {
+  var _ref$intent = _ref.intent,
+    intent = _ref$intent === void 0 ? 'body' : _ref$intent;
+  return typographyIntents[intent];
+}, function (_ref2) {
+  var _ref2$$color = _ref2.$color,
+    $color = _ref2$$color === void 0 ? 'gray15' : _ref2$$color;
+  return colors[$color];
+}, function (_ref3) {
+  var _ref3$italic = _ref3.italic,
+    italic = _ref3$italic === void 0 ? false : _ref3$italic;
+  return italic ? 'italic' : 'inherit';
+}, function (_ref4) {
+  var weight = _ref4.weight;
+  return weight && typographyWeights[weight];
 }, semiboldRules);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=Typography.styles.js.map

package/dist/Typography/Typography.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../src/Typography/Typography.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAA8B,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAO1C,MAAM,CAAC,IAAM,iBAAiB,GAE1B;IACF,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,GAAG;CACV,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAA2B;IAC1D,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACV,CAAA;AAED,IAAM,IAAI,GAAG,GAAG,6LAAA,gEAGC,EAAyB,+CAEzB,EAAyB,OACzC,KAHgB,iBAAiB,CAAC,OAAO,EAEzB,oBAAoB,CAAC,IAAI,CACzC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAAsB,+CAEtB,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,IAAI,EAEtB,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAA0B,+CAE1B,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,QAAQ,EAE1B,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAA0B,+CAE1B,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,QAAQ,EAE1B,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,KAAK,GAAG,GAAG,6LAAA,gEAGA,EAAyB,+CAEzB,EAA0B,OAC1C,KAHgB,iBAAiB,CAAC,OAAO,EAEzB,oBAAoB,CAAC,KAAK,CAC1C,CAAA;AAED,IAAM,KAAK,GAAG,GAAG,6LAAA,gEAGA,EAAsB,+CAEtB,EAA0B,OAC1C,KAHgB,iBAAiB,CAAC,IAAI,EAEtB,oBAAoB,CAAC,KAAK,CAC1C,CAAA;AAED,IAAM,iBAAiB,GAEnB;IACF,IAAI,MAAA;IACJ,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAA;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,OAAO,GAAG,qIAAA,kEAKT,KAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,gMAAuB,MAC9D,EAAkD,aAC3C,EAAyC,mBACpC,EAAuD,oBACtD,EAAmD,OAChE,EAAa,kDAMhB,KAVG,UAAC,EAAmB;QAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;IAAO,OAAA,iBAAiB,CAAC,MAAM,CAAC;AAAzB,CAAyB,EAC3C,UAAC,EAAqB;QAAnB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA;IAAO,OAAA,MAAM,CAAC,MAAM,CAAC;AAAd,CAAc,EACpC,UAAC,EAAkB;QAAhB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAA/B,CAA+B,EACtD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,iBAAiB,CAAC,MAAM,CAAC;AAAnC,CAAmC,EAChE,aAAa,CAMhB,CAAA"}
+{"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$italic","italic","_ref4","weight"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import styled, { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps extends Omit<TypographyProps, 'color'> {\n  $color?: TypographyProps['color']\n}\n\nexport const typographyWeights: {\n  [key in Weight]: number\n} = {\n  regular: 400,\n  semibold: 600,\n  bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n  small: 16,\n  body: 20,\n  h1: 32,\n  h2: 28,\n  h3: 24,\n  label: 20,\n}\n\nconst body = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.25px;\n  line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n  [key in Intent]: FlattenSimpleInterpolation\n} = {\n  body,\n  h1,\n  h2,\n  h3,\n  small,\n  label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n  return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n  return css`\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n  ${({ intent = 'body' }) => typographyIntents[intent]}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-style: ${({ italic = false }) => (italic ? 'italic' : 'inherit')};\n  font-weight: ${({ weight }) => weight && typographyWeights[weight]};\n  ${semiboldRules}\n\n  em,\n  i {\n    font-style: italic;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAoC,mBAAmB;AAC3E,SAASC,MAAM,QAAQ,mBAAmB;AAO1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uFACvC,UAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGP,MAAM;IAANA,MAAM,GAAAQ,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,OAAOV,iBAAiB,CAACE,MAAM,CAAC;AAAA,GAC3C,UAAAS,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOxB,MAAM,CAACyB,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OAAQC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACtD,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM,IAAI7B,iBAAiB,CAAC6B,MAAM,CAAC;AAAA,GAChEf,aAAa,CAMhB"}

package/dist/Typography/Typography.table.story.js

@@ -1,62 +1,41 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import React from 'react';
 import styled from 'styled-components';
 import { Table } from '../Table/Table';
 import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
-var StyledBodyCell = styled(Table.BodyCell)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var StyledTextCell = styled(Table.TextCell)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n"], ["\n  ", "\n  color: ", ";\n"])), getTypographyIntent('body'), colors.blue50);
+var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
+  displayName: "StyledBodyCell",
+  componentId: "core-11_23_0__sc-p4v7d-0"
+})([""]);
+var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
+  displayName: "StyledTextCell",
+  componentId: "core-11_23_0__sc-p4v7d-1"
+})(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
-    return (React.createElement(StyledBodyCell, { "data-core": "styled-body-cell" },
-        React.createElement(Table.InputCell, { placeholder: "Placeholder" })));
+  return /*#__PURE__*/React.createElement(StyledBodyCell, {
+    "data-core": "styled-body-cell"
+  }, /*#__PURE__*/React.createElement(Table.InputCell, {
+    placeholder: "Placeholder"
+  }));
 }
 function TextRow() {
-    return (React.createElement(Table.BodyRow, null,
-        React.createElement(Table.BodyCell, null,
-            React.createElement(Table.Checkbox, null)),
-        React.createElement(Table.BodyCell, null,
-            React.createElement(StyledTextCell, null, "Some text here")),
-        React.createElement(Table.BodyCell, null,
-            React.createElement(StyledTextCell, null, "Some text here")),
-        React.createElement(Table.BodyCell, null,
-            React.createElement(StyledTextCell, null, "Some text here")),
-        React.createElement(Table.BodyCell, null,
-            React.createElement(StyledTextCell, null, "Some text here")),
-        React.createElement(Table.BodyCell, null,
-            React.createElement(StyledTextCell, null, "Some text here"))));
+  return /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, null)), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(StyledTextCell, null, "Some text here")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(StyledTextCell, null, "Some text here")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(StyledTextCell, null, "Some text here")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(StyledTextCell, null, "Some text here")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(StyledTextCell, null, "Some text here")));
 }
 function RowGenerator() {
-    return (React.createElement(Table.BodyRow, null,
-        React.createElement(Table.BodyCell, null,
-            React.createElement(Table.Checkbox, null)),
-        React.createElement(BodyCell, null),
-        React.createElement(BodyCell, null),
-        React.createElement(BodyCell, null),
-        React.createElement(BodyCell, null),
-        React.createElement(BodyCell, null)));
+  return /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, null)), /*#__PURE__*/React.createElement(BodyCell, null), /*#__PURE__*/React.createElement(BodyCell, null), /*#__PURE__*/React.createElement(BodyCell, null), /*#__PURE__*/React.createElement(BodyCell, null), /*#__PURE__*/React.createElement(BodyCell, null));
 }
 var rows = [];
 for (var i = 0; i < 1000; i++) {
-    rows.push(RowGenerator());
+  rows.push(RowGenerator());
 }
 export function GiantTable() {
-    return (React.createElement(Table.Container, null,
-        React.createElement(Table, null,
-            React.createElement(Table.Header, null,
-                React.createElement(Table.HeaderRow, null,
-                    React.createElement(Table.HeaderCell, { variant: "snugfit" },
-                        React.createElement(Table.Checkbox, null)),
-                    React.createElement(Table.HeaderCell, { sortable: true, variant: "asc" }, "Link"),
-                    React.createElement(Table.HeaderCell, { sortable: true }, "Column Key"),
-                    React.createElement(Table.HeaderCell, null, "Column Key"),
-                    React.createElement(Table.HeaderCell, null, "Percentages"),
-                    React.createElement(Table.HeaderCell, null, "Currency"))),
-            React.createElement(Table.Body, null,
-                React.createElement(TextRow, null),
-                rows))));
+  return /*#__PURE__*/React.createElement(Table.Container, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(Table.Header, null, /*#__PURE__*/React.createElement(Table.HeaderRow, null, /*#__PURE__*/React.createElement(Table.HeaderCell, {
+    variant: "snugfit"
+  }, /*#__PURE__*/React.createElement(Table.Checkbox, null)), /*#__PURE__*/React.createElement(Table.HeaderCell, {
+    sortable: true,
+    variant: "asc"
+  }, "Link"), /*#__PURE__*/React.createElement(Table.HeaderCell, {
+    sortable: true
+  }, "Column Key"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Column Key"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Percentages"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Currency"))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(TextRow, null), rows)));
 }
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=Typography.table.story.js.map

package/dist/Typography/Typography.table.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.table.story.js","sourceRoot":"","sources":["../../src/Typography/Typography.table.story.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,IAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,qEAAA,EAAE,IAAA,CAAA;AAE/C,IAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,+FAAA,MACzC,EAA2B,aACpB,EAAa,KACvB,KAFG,mBAAmB,CAAC,MAAM,CAAC,EACpB,MAAM,CAAC,MAAM,CACvB,CAAA;AAED,SAAS,QAAQ;IACf,OAAO,CACL,oBAAC,cAAc,iBAAW,kBAAkB;QAC1C,oBAAC,KAAK,CAAC,SAAS,IAAC,WAAW,EAAC,aAAa,GAAG,CAC9B,CAClB,CAAA;AACH,CAAC;AAED,SAAS,OAAO;IACd,OAAO,CACL,oBAAC,KAAK,CAAC,OAAO;QACZ,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACH;QAEjB,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,yBAAgC,CAChC;QAEjB,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,yBAAgC,CAChC;QAEjB,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,yBAAgC,CAChC;QAEjB,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,yBAAgC,CAChC;QAEjB,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,yBAAgC,CAChC,CACH,CACjB,CAAA;AACH,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,CACL,oBAAC,KAAK,CAAC,OAAO;QACZ,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACH;QAEjB,oBAAC,QAAQ,OAAG;QAEZ,oBAAC,QAAQ,OAAG;QAEZ,oBAAC,QAAQ,OAAG;QAEZ,oBAAC,QAAQ,OAAG;QAEZ,oBAAC,QAAQ,OAAG,CACE,CACjB,CAAA;AACH,CAAC;AAED,IAAI,IAAI,GAAU,EAAE,CAAA;AACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;IAC7B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAA;CAC1B;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,KAAK,CAAC,SAAS;QACd,oBAAC,KAAK;YACJ,oBAAC,KAAK,CAAC,MAAM;gBACX,oBAAC,KAAK,CAAC,SAAS;oBACd,oBAAC,KAAK,CAAC,UAAU,IAAC,OAAO,EAAC,SAAS;wBACjC,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACD;oBAEnB,oBAAC,KAAK,CAAC,UAAU,IAAC,QAAQ,QAAC,OAAO,EAAC,KAAK,WAErB;oBAEnB,oBAAC,KAAK,CAAC,UAAU,IAAC,QAAQ,uBAA8B;oBAExD,oBAAC,KAAK,CAAC,UAAU,qBAA8B;oBAE/C,oBAAC,KAAK,CAAC,UAAU,sBAA+B;oBAEhD,oBAAC,KAAK,CAAC,UAAU,mBAA4B,CAC7B,CACL;YAEf,oBAAC,KAAK,CAAC,IAAI;gBACT,oBAAC,OAAO,OAAG;gBACV,IAAI,CACM,CACP,CACQ,CACnB,CAAA;AACH,CAAC"}
+{"version":3,"file":"Typography.table.story.js","names":["React","styled","Table","colors","getTypographyIntent","StyledBodyCell","BodyCell","withConfig","displayName","componentId","StyledTextCell","TextCell","blue50","createElement","InputCell","placeholder","TextRow","BodyRow","Checkbox","RowGenerator","rows","i","push","GiantTable","Container","Header","HeaderRow","HeaderCell","variant","sortable","Body"],"sources":["../../src/Typography/Typography.table.story.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Table } from '../Table/Table'\nimport { colors } from '../_styles/colors'\nimport { getTypographyIntent } from './Typography.styles'\n\nconst StyledBodyCell = styled(Table.BodyCell)``\n\nconst StyledTextCell = styled(Table.TextCell)`\n  ${getTypographyIntent('body')}\n  color: ${colors.blue50};\n`\n\nfunction BodyCell() {\n  return (\n    <StyledBodyCell data-core=\"styled-body-cell\">\n      <Table.InputCell placeholder=\"Placeholder\" />\n    </StyledBodyCell>\n  )\n}\n\nfunction TextRow() {\n  return (\n    <Table.BodyRow>\n      <Table.BodyCell>\n        <Table.Checkbox />\n      </Table.BodyCell>\n\n      <Table.BodyCell>\n        <StyledTextCell>Some text here</StyledTextCell>\n      </Table.BodyCell>\n\n      <Table.BodyCell>\n        <StyledTextCell>Some text here</StyledTextCell>\n      </Table.BodyCell>\n\n      <Table.BodyCell>\n        <StyledTextCell>Some text here</StyledTextCell>\n      </Table.BodyCell>\n\n      <Table.BodyCell>\n        <StyledTextCell>Some text here</StyledTextCell>\n      </Table.BodyCell>\n\n      <Table.BodyCell>\n        <StyledTextCell>Some text here</StyledTextCell>\n      </Table.BodyCell>\n    </Table.BodyRow>\n  )\n}\n\nfunction RowGenerator() {\n  return (\n    <Table.BodyRow>\n      <Table.BodyCell>\n        <Table.Checkbox />\n      </Table.BodyCell>\n\n      <BodyCell />\n\n      <BodyCell />\n\n      <BodyCell />\n\n      <BodyCell />\n\n      <BodyCell />\n    </Table.BodyRow>\n  )\n}\n\nlet rows: any[] = []\nfor (let i = 0; i < 1000; i++) {\n  rows.push(RowGenerator())\n}\n\nexport function GiantTable() {\n  return (\n    <Table.Container>\n      <Table>\n        <Table.Header>\n          <Table.HeaderRow>\n            <Table.HeaderCell variant=\"snugfit\">\n              <Table.Checkbox />\n            </Table.HeaderCell>\n\n            <Table.HeaderCell sortable variant=\"asc\">\n              Link\n            </Table.HeaderCell>\n\n            <Table.HeaderCell sortable>Column Key</Table.HeaderCell>\n\n            <Table.HeaderCell>Column Key</Table.HeaderCell>\n\n            <Table.HeaderCell>Percentages</Table.HeaderCell>\n\n            <Table.HeaderCell>Currency</Table.HeaderCell>\n          </Table.HeaderRow>\n        </Table.Header>\n\n        <Table.Body>\n          <TextRow />\n          {rows}\n        </Table.Body>\n      </Table>\n    </Table.Container>\n  )\n}\n"],"mappings":"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"}

package/dist/Typography/Typography.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.types.js","sourceRoot":"","sources":["../../src/Typography/Typography.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Typography.types.js","names":[],"sources":["../../src/Typography/Typography.types.ts"],"sourcesContent":["import { Color } from '../_styles/colors'\nimport { Props } from '../_utils/types'\n\nexport type Intent = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'label'\n\nexport type Weight = 'regular' | 'semibold' | 'bold'\n\nexport interface TypographyProps extends Props {\n  /**\n   * <span>\n   *  When children are a string or multiple elements, they will be wrapped\n   *  by a <Code>span</Code>. When it is a single element, classnames will\n   *  be added to it instead\n   * </span>\n   * @since 10.19.0\n   * */\n  children: React.ReactNode\n\n  /**\n   * <span>\n   *  Change the HTML tag. This{' '}\n   *  <Link href=\"https://styled-components.com/docs/api#as-polymorphic-prop\">\n   *    prop is from styled-components\n   *  </Link>\n   *  .<em>WARNING</em>: If using TypeScript, it will not switch types and\n   *  some props may error. You can add <Code>// @ts-expect-error</Code>.\n   *  See{' '}\n   *  <Link href=\"https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117\">\n   *    styled-components issue\n   *  </Link>\n   *  .\n   * </span>\n   * @since 10.19.0\n   */\n  as?: string | React.ComponentType<any> // styled-components as\n\n  /**\n   * <span>\n   *  Changes font color, can be any of the{' '}\n   *  <Link to=\"/web/style/colors/#hsl-palette\">HSL Palette</Link> css\n   *  strings\n   * </span>\n   * @default 'gray15'\n   * @since 10.19.0\n   */\n  color?: Color\n\n  /**\n   * Changes the size of the font\n   * @since 10.19.0\n   */\n  intent?: Intent\n\n  /**\n   * Applies `font-style: italic` if enabled\n   * @since 10.19.0\n   */\n  italic?: boolean\n\n  /**\n   * Changes font weight if it is supported in the design system\n   * @since 10.19.0\n   */\n  weight?: Weight\n}\n"],"mappings":""}

package/dist/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAQzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","names":["Typography","typographyWeights"],"sources":["../../src/Typography/index.ts"],"sourcesContent":["export { Typography } from './Typography'\n\nexport type {\n  Intent as TypographyIntent,\n  Weight as TypographyWeight,\n  TypographyProps,\n} from './Typography.types'\n\nexport { typographyWeights } from './Typography.styles'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAQzC,SAASC,iBAAiB,QAAQ,qBAAqB"}

package/dist/_hooks/Analytics.js

@@ -1,35 +1,44 @@
 import React from 'react';
 import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
-var defaultTrackEvent = function (e, params) {
-    console.log('analytics::trackEvent', e, params);
+var defaultTrackEvent = function defaultTrackEvent(e, params) {
+  console.log('analytics::trackEvent', e, params);
 };
+
 /**
  * @deprecatedSince 11
  * @deprecated
  */
-export var AnalyticsContext = React.createContext({});
+export var AnalyticsContext = /*#__PURE__*/React.createContext({});
+
 /**
  * @deprecatedSince 11
  * @deprecated
  */
-export function AnalyticsProvider(_a) {
-    var analytics = _a.analytics, children = _a.children;
-    return (React.createElement(AnalyticsContext.Provider, { value: { trackEvent: (analytics === null || analytics === void 0 ? void 0 : analytics.trackEvent) || defaultTrackEvent } }, children));
+export function AnalyticsProvider(_ref) {
+  var analytics = _ref.analytics,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
+    value: {
+      trackEvent: (analytics === null || analytics === void 0 ? void 0 : analytics.trackEvent) || defaultTrackEvent
+    }
+  }, children);
 }
-var isAnalyticsHydrated = function (analytics) {
-    return Object.keys(analytics).length > 0;
+var isAnalyticsHydrated = function isAnalyticsHydrated(analytics) {
+  return Object.keys(analytics).length > 0;
 };
+
 /**
  * @deprecatedSince 11
  * @deprecated
  */
-export var useAnalyticsContext = function () {
-    var context = React.useContext(AnalyticsContext);
-    if (!isAnalyticsHydrated(context)) {
-        throw new Error('Must wrap app in Analytics.Provider');
-    }
-    return context;
+export var useAnalyticsContext = function useAnalyticsContext() {
+  var context = React.useContext(AnalyticsContext);
+  if (!isAnalyticsHydrated(context)) {
+    throw new Error('Must wrap app in Analytics.Provider');
+  }
+  return context;
 };
+
 /**
  * @deprecatedSince 11
  * @deprecated Use fetch instead. Previous implementation:
@@ -37,9 +46,9 @@ export var useAnalyticsContext = function () {
  * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
  */
 export var Analytics = {
-    Client: BaseAnalytics,
-    Consumer: AnalyticsContext.Consumer,
-    Provider: AnalyticsProvider,
-    Context: AnalyticsContext,
+  Client: BaseAnalytics,
+  Consumer: AnalyticsContext.Consumer,
+  Provider: AnalyticsProvider,
+  Context: AnalyticsContext
 };
 //# sourceMappingURL=Analytics.js.map

package/dist/_hooks/Analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"Analytics.js","sourceRoot":"","sources":["../../src/_hooks/Analytics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAS7E,IAAM,iBAAiB,GAAgC,UAAC,CAAC,EAAE,MAAM;IAC/D,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;AACjD,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAe,EAAE,CAAC,CAAA;AAErE;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAGT;QAFvB,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,KAAI,iBAAiB,EAAE,IAEhE,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC;AAED,IAAM,mBAAmB,GAAG,UAC1B,SAAuB;IAEvB,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClD,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE;QACjC,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;IACnC,QAAQ,EAAE,iBAAiB;IAC3B,OAAO,EAAE,gBAAgB;CAC1B,CAAA"}
+{"version":3,"file":"Analytics.js","names":["React","Analytics","BaseAnalytics","defaultTrackEvent","e","params","console","log","AnalyticsContext","createContext","AnalyticsProvider","_ref","analytics","children","createElement","Provider","value","trackEvent","isAnalyticsHydrated","Object","keys","length","useAnalyticsContext","context","useContext","Error","Client","Consumer","Context"],"sources":["../../src/_hooks/Analytics.tsx"],"sourcesContent":["import React from 'react'\nimport { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient'\n\ntype AnalyticsProviderProps = React.PropsWithChildren<{\n  analytics?: BaseAnalytics\n}>\ntype HydratedContextValue = Pick<BaseAnalytics, 'trackEvent'>\ntype DefaultContextValue = {}\ntype ContextValue = HydratedContextValue | DefaultContextValue\n\nconst defaultTrackEvent: BaseAnalytics['trackEvent'] = (e, params) => {\n  console.log('analytics::trackEvent', e, params)\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport const AnalyticsContext = React.createContext<ContextValue>({})\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport function AnalyticsProvider({\n  analytics,\n  children,\n}: AnalyticsProviderProps) {\n  return (\n    <AnalyticsContext.Provider\n      value={{ trackEvent: analytics?.trackEvent || defaultTrackEvent }}\n    >\n      {children}\n    </AnalyticsContext.Provider>\n  )\n}\n\nconst isAnalyticsHydrated = (\n  analytics: ContextValue\n): analytics is HydratedContextValue => {\n  return Object.keys(analytics).length > 0\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport const useAnalyticsContext = () => {\n  const context = React.useContext(AnalyticsContext)\n  if (!isAnalyticsHydrated(context)) {\n    throw new Error('Must wrap app in Analytics.Provider')\n  }\n  return context\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated Use fetch instead. Previous implementation:\n * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx\n * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts\n */\nexport const Analytics = {\n  Client: BaseAnalytics,\n  Consumer: AnalyticsContext.Consumer,\n  Provider: AnalyticsProvider,\n  Context: AnalyticsContext,\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,aAAa,QAAQ,kCAAkC;AAS7E,IAAMC,iBAA8C,GAAG,SAAjDA,iBAA8CA,CAAIC,CAAC,EAAEC,MAAM,EAAK;EACpEC,OAAO,CAACC,GAAG,CAAC,uBAAuB,EAAEH,CAAC,EAAEC,MAAM,CAAC;AACjD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMG,gBAAgB,gBAAGR,KAAK,CAACS,aAAa,CAAe,CAAC,CAAC,CAAC;;AAErE;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAGN;EAAA,IAFzBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACN,gBAAgB,CAACO,QAAQ;IACxBC,KAAK,EAAE;MAAEC,UAAU,EAAE,CAAAL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,UAAU,KAAId;IAAkB;EAAE,GAEjEU,QACwB,CAAC;AAEhC;AAEA,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CACvBN,SAAuB,EACe;EACtC,OAAOO,MAAM,CAACC,IAAI,CAACR,SAAS,CAAC,CAACS,MAAM,GAAG,CAAC;AAC1C,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,IAAMC,OAAO,GAAGvB,KAAK,CAACwB,UAAU,CAAChB,gBAAgB,CAAC;EAClD,IAAI,CAACU,mBAAmB,CAACK,OAAO,CAAC,EAAE;IACjC,MAAM,IAAIE,KAAK,CAAC,qCAAqC,CAAC;EACxD;EACA,OAAOF,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMtB,SAAS,GAAG;EACvByB,MAAM,EAAExB,aAAa;EACrByB,QAAQ,EAAEnB,gBAAgB,CAACmB,QAAQ;EACnCZ,QAAQ,EAAEL,iBAAiB;EAC3BkB,OAAO,EAAEpB;AACX,CAAC"}

package/dist/_hooks/Anchor.js

@@ -1,123 +1,162 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "overlayRef", "targetRef"],
+  _excluded2 = ["children"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { getBoundingRect } from '../_utils/dom';
 import { getAnchorPosition } from '../_utils/getAnchorPosition';
 import { useLayoutEventListener } from './EventListener';
+
+/* TYPES */
+
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
 export var initAnchor = {
-    left: 0,
-    minWidth: 0,
-    placement: 'bottom-left',
-    top: 0,
+  left: 0,
+  minWidth: 0,
+  placement: 'bottom-left',
+  top: 0
 };
+
 /* HOOK */
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function useAnchor(_a) {
-    var _b = _a.canFlip, canFlip = _b === void 0 ? true : _b, _c = _a.dependencies, dependencies = _c === void 0 ? [] : _c, _d = _a.onLayout, onLayout = _d === void 0 ? function () { } : _d, _e = _a.padding, padding = _e === void 0 ? 0 : _e, _f = _a.placement, placement = _f === void 0 ? 'bottom-left' : _f, overlayRef = _a.overlayRef, targetRef = _a.targetRef, _g = _a.shrinkOverlay, shrinkOverlay = _g === void 0 ? false : _g, _h = _a.isFlyout, isFlyout = _h === void 0 ? false : _h;
-    var _j = React.useState(__assign(__assign({}, initAnchor), { placement: placement })), anchor = _j[0], setAnchor = _j[1];
-    var viewChangeHandler = function () {
-        if (overlayRef.current && targetRef.current) {
-            var target = getBoundingRect(targetRef.current);
-            if (!shrinkOverlay) {
-                // we should set minWidth before calculation
-                overlayRef.current.style.minWidth = "".concat(target.width, "px");
-            }
-            var newAnchor = getAnchorPosition(placement, padding, undefined, target, getBoundingRect(overlayRef.current), canFlip, isFlyout);
-            if (newAnchor.placement !== anchor.placement) {
-                setAnchor(newAnchor);
-            }
-            onLayout(newAnchor);
-        }
-    };
-    useLayoutEventListener({
-        event: 'scroll',
-        handler: viewChangeHandler,
-        options: {
-            capture: true,
-        },
-    });
-    useLayoutEventListener({
-        event: 'resize',
-        handler: viewChangeHandler,
-    });
-    useLayoutEventListener({
-        event: 'load',
-        handler: viewChangeHandler,
-    });
-    React.useLayoutEffect(function () {
-        viewChangeHandler();
-    }, __spreadArray([overlayRef], dependencies, true));
-    return anchor;
+export function useAnchor(_ref) {
+  var _ref$canFlip = _ref.canFlip,
+    canFlip = _ref$canFlip === void 0 ? true : _ref$canFlip,
+    _ref$dependencies = _ref.dependencies,
+    dependencies = _ref$dependencies === void 0 ? [] : _ref$dependencies,
+    _ref$onLayout = _ref.onLayout,
+    onLayout = _ref$onLayout === void 0 ? function () {} : _ref$onLayout,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 0 : _ref$padding,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-left' : _ref$placement,
+    overlayRef = _ref.overlayRef,
+    targetRef = _ref.targetRef,
+    _ref$shrinkOverlay = _ref.shrinkOverlay,
+    shrinkOverlay = _ref$shrinkOverlay === void 0 ? false : _ref$shrinkOverlay,
+    _ref$isFlyout = _ref.isFlyout,
+    isFlyout = _ref$isFlyout === void 0 ? false : _ref$isFlyout;
+  var _React$useState = React.useState(_objectSpread(_objectSpread({}, initAnchor), {}, {
+      placement: placement
+    })),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchor = _React$useState2[0],
+    setAnchor = _React$useState2[1];
+  var viewChangeHandler = function viewChangeHandler() {
+    if (overlayRef.current && targetRef.current) {
+      var target = getBoundingRect(targetRef.current);
+      if (!shrinkOverlay) {
+        // we should set minWidth before calculation
+        overlayRef.current.style.minWidth = "".concat(target.width, "px");
+      }
+      var newAnchor = getAnchorPosition(placement, padding, undefined, target, getBoundingRect(overlayRef.current), canFlip, isFlyout);
+      if (newAnchor.placement !== anchor.placement) {
+        setAnchor(newAnchor);
+      }
+      onLayout(newAnchor);
+    }
+  };
+  useLayoutEventListener({
+    event: 'scroll',
+    handler: viewChangeHandler,
+    options: {
+      capture: true
+    }
+  });
+  useLayoutEventListener({
+    event: 'resize',
+    handler: viewChangeHandler
+  });
+  useLayoutEventListener({
+    event: 'load',
+    handler: viewChangeHandler
+  });
+  React.useLayoutEffect(function () {
+    viewChangeHandler();
+  }, [overlayRef].concat(_toConsumableArray(dependencies)));
+  return anchor;
 }
+
 /* RENDER PROP */
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function Anchor(_a) {
-    var children = _a.children, overlayRef = _a.overlayRef, targetRef = _a.targetRef, props = __rest(_a, ["children", "overlayRef", "targetRef"]);
-    var anchor = useAnchor(__assign(__assign({}, props), { overlayRef: overlayRef, targetRef: targetRef }));
-    var content = typeof children === 'function'
-        ? children(anchor)
-        : children;
-    return (content &&
-        React.cloneElement(content, __assign(__assign({}, content.props), { placement: anchor.placement, ref: overlayRef })));
+export function Anchor(_ref2) {
+  var children = _ref2.children,
+    overlayRef = _ref2.overlayRef,
+    targetRef = _ref2.targetRef,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var anchor = useAnchor(_objectSpread(_objectSpread({}, props), {}, {
+    overlayRef: overlayRef,
+    targetRef: targetRef
+  }));
+  var content = typeof children === 'function' ? children(anchor) : children;
+  return content && /*#__PURE__*/React.cloneElement(content, _objectSpread(_objectSpread({}, content.props), {}, {
+    placement: anchor.placement,
+    ref: overlayRef
+  }));
 }
+
 /* CONTEXT */
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export var AnchorContext = React.createContext(initAnchor);
+export var AnchorContext = /*#__PURE__*/React.createContext(initAnchor);
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function AnchorProvider(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(AnchorContext.Provider, { value: useAnchor(props) }, children));
+export function AnchorProvider(_ref3) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/React.createElement(AnchorContext.Provider, {
+    value: useAnchor(props)
+  }, children);
 }
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
 export function useAnchorContext() {
-    return React.useContext(AnchorContext);
+  return React.useContext(AnchorContext);
 }
 //# sourceMappingURL=Anchor.js.map