@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/Typography/Typography.colors.story.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import { FlexList } from '../FlexList/FlexList';
+import { Typography } from './Typography';
+export var ColorTable = function () {
+    return (React.createElement(FlexList, null,
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "black" }, "black"),
+            React.createElement(Typography, { color: "white" },
+                React.createElement("span", { style: { background: 'black' } }, "white"))),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "orange10" }, "orange-10"),
+            React.createElement(Typography, { color: "orange15" }, "orange-15"),
+            React.createElement(Typography, { color: "orange20" }, "orange-20"),
+            React.createElement(Typography, { color: "orange30" }, "orange-30"),
+            React.createElement(Typography, { color: "orange40" }, "orange-40"),
+            React.createElement(Typography, { color: "orange45" }, "orange-45"),
+            React.createElement(Typography, { color: "orange50" }, "orange-50"),
+            React.createElement(Typography, { color: "orange60" }, "orange-60"),
+            React.createElement(Typography, { color: "orange70" }, "orange-70"),
+            React.createElement(Typography, { color: "orange85" }, "orange-85"),
+            React.createElement(Typography, { color: "orange90" }, "orange-90"),
+            React.createElement(Typography, { color: "orange94" }, "orange-94"),
+            React.createElement(Typography, { color: "orange96" }, "orange-96"),
+            React.createElement(Typography, { color: "orange98" }, "orange-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "blue10" }, "blue-10"),
+            React.createElement(Typography, { color: "blue15" }, "blue-15"),
+            React.createElement(Typography, { color: "blue20" }, "blue-20"),
+            React.createElement(Typography, { color: "blue30" }, "blue-30"),
+            React.createElement(Typography, { color: "blue40" }, "blue-40"),
+            React.createElement(Typography, { color: "blue45" }, "blue-45"),
+            React.createElement(Typography, { color: "blue50" }, "blue-50"),
+            React.createElement(Typography, { color: "blue60" }, "blue-60"),
+            React.createElement(Typography, { color: "blue70" }, "blue-70"),
+            React.createElement(Typography, { color: "blue85" }, "blue-85"),
+            React.createElement(Typography, { color: "blue90" }, "blue-90"),
+            React.createElement(Typography, { color: "blue94" }, "blue-94"),
+            React.createElement(Typography, { color: "blue96" }, "blue-96"),
+            React.createElement(Typography, { color: "blue98" }, "blue-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "red10" }, "red-10"),
+            React.createElement(Typography, { color: "red15" }, "red-15"),
+            React.createElement(Typography, { color: "red20" }, "red-20"),
+            React.createElement(Typography, { color: "red30" }, "red-30"),
+            React.createElement(Typography, { color: "red40" }, "red-40"),
+            React.createElement(Typography, { color: "red45" }, "red-45"),
+            React.createElement(Typography, { color: "red50" }, "red-50"),
+            React.createElement(Typography, { color: "red60" }, "red-60"),
+            React.createElement(Typography, { color: "red70" }, "red-70"),
+            React.createElement(Typography, { color: "red85" }, "red-85"),
+            React.createElement(Typography, { color: "red90" }, "red-90"),
+            React.createElement(Typography, { color: "red94" }, "red-94"),
+            React.createElement(Typography, { color: "red96" }, "red-96"),
+            React.createElement(Typography, { color: "red98" }, "red-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "yellow10" }, "yellow-10"),
+            React.createElement(Typography, { color: "yellow15" }, "yellow-15"),
+            React.createElement(Typography, { color: "yellow20" }, "yellow-20"),
+            React.createElement(Typography, { color: "yellow30" }, "yellow-30"),
+            React.createElement(Typography, { color: "yellow40" }, "yellow-40"),
+            React.createElement(Typography, { color: "yellow45" }, "yellow-45"),
+            React.createElement(Typography, { color: "yellow50" }, "yellow-50"),
+            React.createElement(Typography, { color: "yellow60" }, "yellow-60"),
+            React.createElement(Typography, { color: "yellow70" }, "yellow-70"),
+            React.createElement(Typography, { color: "yellow85" }, "yellow-85"),
+            React.createElement(Typography, { color: "yellow90" }, "yellow-90"),
+            React.createElement(Typography, { color: "yellow94" }, "yellow-94"),
+            React.createElement(Typography, { color: "yellow96" }, "yellow-96"),
+            React.createElement(Typography, { color: "yellow98" }, "yellow-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "green10" }, "green-10"),
+            React.createElement(Typography, { color: "green15" }, "green-15"),
+            React.createElement(Typography, { color: "green20" }, "green-20"),
+            React.createElement(Typography, { color: "green30" }, "green-30"),
+            React.createElement(Typography, { color: "green40" }, "green-40"),
+            React.createElement(Typography, { color: "green45" }, "green-45"),
+            React.createElement(Typography, { color: "green50" }, "green-50"),
+            React.createElement(Typography, { color: "green60" }, "green-60"),
+            React.createElement(Typography, { color: "green70" }, "green-70"),
+            React.createElement(Typography, { color: "green85" }, "green-85"),
+            React.createElement(Typography, { color: "green90" }, "green-90"),
+            React.createElement(Typography, { color: "green94" }, "green-94"),
+            React.createElement(Typography, { color: "green96" }, "green-96"),
+            React.createElement(Typography, { color: "green98" }, "green-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "purple10" }, "purple-10"),
+            React.createElement(Typography, { color: "purple15" }, "purple-15"),
+            React.createElement(Typography, { color: "purple20" }, "purple-20"),
+            React.createElement(Typography, { color: "purple30" }, "purple-30"),
+            React.createElement(Typography, { color: "purple40" }, "purple-40"),
+            React.createElement(Typography, { color: "purple45" }, "purple-45"),
+            React.createElement(Typography, { color: "purple50" }, "purple-50"),
+            React.createElement(Typography, { color: "purple60" }, "purple-60"),
+            React.createElement(Typography, { color: "purple70" }, "purple-70"),
+            React.createElement(Typography, { color: "purple85" }, "purple-85"),
+            React.createElement(Typography, { color: "purple90" }, "purple-90"),
+            React.createElement(Typography, { color: "purple94" }, "purple-94"),
+            React.createElement(Typography, { color: "purple96" }, "purple-96"),
+            React.createElement(Typography, { color: "purple98" }, "purple-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "gray10" }, "gray-10"),
+            React.createElement(Typography, { color: "gray15" }, "gray-15"),
+            React.createElement(Typography, { color: "gray20" }, "gray-20"),
+            React.createElement(Typography, { color: "gray30" }, "gray-30"),
+            React.createElement(Typography, { color: "gray40" }, "gray-40"),
+            React.createElement(Typography, { color: "gray45" }, "gray-45"),
+            React.createElement(Typography, { color: "gray50" }, "gray-50"),
+            React.createElement(Typography, { color: "gray60" }, "gray-60"),
+            React.createElement(Typography, { color: "gray70" }, "gray-70"),
+            React.createElement(Typography, { color: "gray85" }, "gray-85"),
+            React.createElement(Typography, { color: "gray90" }, "gray-90"),
+            React.createElement(Typography, { color: "gray94" }, "gray-94"),
+            React.createElement(Typography, { color: "gray96" }, "gray-96"),
+            React.createElement(Typography, { color: "gray98" }, "gray-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "cyan10" }, "cyan-10"),
+            React.createElement(Typography, { color: "cyan15" }, "cyan-15"),
+            React.createElement(Typography, { color: "cyan20" }, "cyan-20"),
+            React.createElement(Typography, { color: "cyan30" }, "cyan-30"),
+            React.createElement(Typography, { color: "cyan40" }, "cyan-40"),
+            React.createElement(Typography, { color: "cyan45" }, "cyan-45"),
+            React.createElement(Typography, { color: "cyan50" }, "cyan-50"),
+            React.createElement(Typography, { color: "cyan60" }, "cyan-60"),
+            React.createElement(Typography, { color: "cyan70" }, "cyan-70"),
+            React.createElement(Typography, { color: "cyan85" }, "cyan-85"),
+            React.createElement(Typography, { color: "cyan90" }, "cyan-90"),
+            React.createElement(Typography, { color: "cyan94" }, "cyan-94"),
+            React.createElement(Typography, { color: "cyan96" }, "cyan-96"),
+            React.createElement(Typography, { color: "cyan98" }, "cyan-98")),
+        React.createElement(FlexList, { direction: "column" },
+            React.createElement(Typography, { color: "magenta10" }, "magenta-10"),
+            React.createElement(Typography, { color: "magenta15" }, "magenta-15"),
+            React.createElement(Typography, { color: "magenta20" }, "magenta-20"),
+            React.createElement(Typography, { color: "magenta30" }, "magenta-30"),
+            React.createElement(Typography, { color: "magenta40" }, "magenta-40"),
+            React.createElement(Typography, { color: "magenta45" }, "magenta-45"),
+            React.createElement(Typography, { color: "magenta50" }, "magenta-50"),
+            React.createElement(Typography, { color: "magenta60" }, "magenta-60"),
+            React.createElement(Typography, { color: "magenta70" }, "magenta-70"),
+            React.createElement(Typography, { color: "magenta85" }, "magenta-85"),
+            React.createElement(Typography, { color: "magenta90" }, "magenta-90"),
+            React.createElement(Typography, { color: "magenta94" }, "magenta-94"),
+            React.createElement(Typography, { color: "magenta96" }, "magenta-96"),
+            React.createElement(Typography, { color: "magenta98" }, "magenta-98"))));
+};
+//# sourceMappingURL=Typography.colors.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.colors.story.js","sourceRoot":"","sources":["../../src/Typography/Typography.colors.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,YAAmB;YAC5C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO;gBACvB,8BAAM,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,YAAc,CACvC,CACJ;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB,CAC1C;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB,CACtC;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB;YAC7C,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aAAoB,CACpC;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB,CAC1C;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB;YACjD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,eAAsB,CACxC;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB;YACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,UAAU,gBAAuB,CAC1C;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB,CACtC;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB;YAC/C,oBAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,cAAqB,CACtC;QAEX,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;YAC1B,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB;YACrD,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,iBAAwB,CAC5C,CACF,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SpanAttributes } from '../_utils/types';
+import { TypographyProps } from './Typography.types';
+/**
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-typography--demo)
+
+ */
+export declare const Typography: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/Typography/Typography.js

@@ -0,0 +1,37 @@
+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;
+};
+import React from 'react';
+import { StyledTypography } from './Typography.styles';
+/**
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-typography--demo)
+
+ */
+export var Typography = React.forwardRef(function Typography(_a, ref) {
+    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
+    return (React.createElement(StyledTypography, __assign({ "$color": color }, props, { ref: ref }), children));
+});
+Typography.displayName = 'Typography';
+//# sourceMappingURL=Typography.js.map

package/dist/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,SAAS,UAAU,CAAC,EAA6B,EAAE,GAAG;IAAhC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/C,OAAO,CACL,oBAAC,gBAAgB,uBAAS,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KACjD,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/Typography/Typography.styles.d.ts

@@ -0,0 +1,12 @@
+import { FlattenSimpleInterpolation } from 'styled-components';
+import { Intent, TypographyProps, Weight } from './Typography.types';
+export interface StyledTypographyProps extends Omit<TypographyProps, 'color'> {
+    $color?: TypographyProps['color'];
+}
+export declare const typographyWeights: {
+    [key in Weight]: number;
+};
+export declare const typographyLineHeight: Record<Intent, number>;
+export declare function getTypographyIntent(intent: Intent): FlattenSimpleInterpolation;
+export declare const semiboldRules: () => FlattenSimpleInterpolation;
+export declare const StyledTypography: import("styled-components").StyledComponent<"span", any, StyledTypographyProps, never>;

package/dist/Typography/Typography.styles.js

@@ -0,0 +1,54 @@
+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,
+};
+export var typographyLineHeight = {
+    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 typographyIntents = {
+    body: body,
+    h1: h1,
+    h2: h2,
+    h3: h3,
+    small: small,
+    label: label,
+};
+export function getTypographyIntent(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 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];
+}, 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

@@ -0,0 +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"}

package/dist/Typography/Typography.table.story.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function GiantTable(): JSX.Element;

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

@@ -0,0 +1,62 @@
+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);
+function BodyCell() {
+    return (React.createElement(StyledBodyCell, { "data-core": "styled-body-cell" },
+        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"))));
+}
+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)));
+}
+var rows = [];
+for (var i = 0; i < 1000; i++) {
+    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))));
+}
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Typography.table.story.js.map

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

@@ -0,0 +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"}

package/dist/Typography/Typography.types.d.ts

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

package/dist/Typography/Typography.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Typography.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.types.js","sourceRoot":"","sources":["../../src/Typography/Typography.types.ts"],"names":[],"mappings":""}

package/dist/Typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from './Typography';
+export type { Intent as TypographyIntent, Weight as TypographyWeight, TypographyProps, } from './Typography.types';
+export { typographyWeights } from './Typography.styles';

package/dist/Typography/index.js

@@ -0,0 +1,3 @@
+export { Typography } from './Typography';
+export { typographyWeights } from './Typography.styles';
+//# sourceMappingURL=index.js.map

package/dist/Typography/index.js.map

@@ -0,0 +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"}

package/dist/_hooks/Analytics.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
+declare type AnalyticsProviderProps = React.PropsWithChildren<{
+    analytics?: BaseAnalytics;
+}>;
+declare type HydratedContextValue = Pick<BaseAnalytics, 'trackEvent'>;
+declare type DefaultContextValue = {};
+declare type ContextValue = HydratedContextValue | DefaultContextValue;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare const AnalyticsContext: React.Context<ContextValue>;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): JSX.Element;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare const useAnalyticsContext: () => HydratedContextValue;
+/**
+ * @deprecatedSince 11
+ * @deprecated Use fetch instead. Previous implementation:
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
+ */
+export declare const Analytics: {
+    Client: typeof BaseAnalytics;
+    Consumer: React.Consumer<ContextValue>;
+    Provider: typeof AnalyticsProvider;
+    Context: React.Context<ContextValue>;
+};
+export {};

package/dist/_hooks/Analytics.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
+var defaultTrackEvent = function (e, params) {
+    console.log('analytics::trackEvent', e, params);
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export var AnalyticsContext = 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));
+}
+var isAnalyticsHydrated = function (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;
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated Use fetch instead. Previous implementation:
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
+ * - 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,
+};
+//# sourceMappingURL=Analytics.js.map

package/dist/_hooks/Analytics.js.map

@@ -0,0 +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"}

package/dist/_hooks/Anchor.d.ts

@@ -0,0 +1,70 @@
+import React, { PropsWithChildren } from 'react';
+import { Placement } from '../_utils/types';
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorConfig {
+    canFlip?: boolean;
+    dependencies?: Array<any>;
+    onLayout?: (anchor: AnchorApi) => any;
+    overlayRef: React.RefObject<HTMLElement>;
+    padding?: number;
+    placement?: Placement;
+    targetRef: React.RefObject<HTMLElement>;
+    shrinkOverlay?: boolean;
+    isFlyout?: boolean;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorProps extends PropsWithChildren<AnchorConfig> {
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorApi {
+    left: number;
+    /**
+     * @deprecated
+     *
+     * use `shrinkOverlay` boolean property to set `minWidth`
+     *
+     * @deprecatedSince 10.20.0
+     */
+    minWidth: number;
+    placement: Placement;
+    top: number;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const initAnchor: AnchorApi;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useAnchor({ canFlip, dependencies, onLayout, padding, placement, overlayRef, targetRef, shrinkOverlay, isFlyout, }: AnchorConfig): AnchorApi;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function Anchor({ children, overlayRef, targetRef, ...props }: AnchorProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const AnchorContext: React.Context<AnchorApi>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function AnchorProvider({ children, ...props }: AnchorProps): JSX.Element;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useAnchorContext(): AnchorApi;