@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/FileSelect/TreeSource/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeSource } from './TreeSource';
+export { TreeSourceRef } from './TreeSource.types';

package/dist/esm/components/FileSelect/TreeSource/index.js

@@ -0,0 +1,2 @@
+export { TreeSource } from './TreeSource';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FileSelect/TreeSource/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/TreeSource/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/components/FileSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileSelect';
+export * from './FileSelect.types';

package/dist/esm/components/FileSelect/index.js

@@ -0,0 +1,3 @@
+export * from './FileSelect';
+export * from './FileSelect.types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FileSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FileSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/esm/components/FileSelect/storyHelpers.d.ts

@@ -0,0 +1,15 @@
+import { DefaultNode } from '../Tree/Tree.types';
+export declare const MOCK_UPLOAD_FILES_URL = "/mock-upload-files";
+export declare const MOCK_UPLOAD_WITH_ERRORS_FILES_URL = "/mock-upload-files-with-errors";
+export declare const MOCK_BACKEND_LATENCY = 500;
+export declare const useMockBackend: () => void;
+export declare const gridItemsSample: ({
+    id: string;
+    name: string;
+    src: any;
+} | {
+    id: string;
+    name: string;
+    src?: undefined;
+})[];
+export declare const fileTreeSample: DefaultNode[];

package/dist/esm/components/FileSelect/storyHelpers.js

@@ -0,0 +1,100 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { createServer, Response } from 'miragejs';
+import { ulid } from 'ulid';
+import { ROOT_NODE_ID } from '../Tree/Tree';
+import thumbnailImage from '../Thumbnail/mocks/images/thumb_104x104_1.png';
+export var MOCK_UPLOAD_FILES_URL = '/mock-upload-files';
+export var MOCK_UPLOAD_WITH_ERRORS_FILES_URL = '/mock-upload-files-with-errors';
+export var MOCK_BACKEND_LATENCY = 500;
+export var useMockBackend = function () {
+    React.useEffect(function () {
+        var server = createServer({
+            routes: function () {
+                var _this = this;
+                this.post(MOCK_UPLOAD_FILES_URL, function () { return __awaiter(_this, void 0, void 0, function () {
+                    var remoteFileId;
+                    return __generator(this, function (_a) {
+                        remoteFileId = ulid();
+                        return [2 /*return*/, { remoteFileId: remoteFileId }];
+                    });
+                }); });
+                this.post(MOCK_UPLOAD_WITH_ERRORS_FILES_URL, function () {
+                    return new Response(500, { error: 'Upload Error' });
+                });
+            },
+            timing: MOCK_BACKEND_LATENCY,
+        });
+        return function () {
+            server.shutdown();
+        };
+    }, []);
+};
+export var gridItemsSample = [
+    { id: '0001', name: '0001.png', src: thumbnailImage },
+    { id: '0002', name: '0002.zip' },
+    { id: '0003', name: '0003.rtf', src: thumbnailImage },
+    { id: '0004', name: '0004.png' },
+    { id: '0005', name: '0005.docx', src: thumbnailImage },
+    { id: '0006', name: '0006.unss' },
+    { id: '0007', name: '0007.zip' },
+    { id: '0008', name: '0008.dll' },
+    { id: '0009', name: '0009.dll' },
+    { id: '00010', name: '0010.png' },
+    { id: '00011', name: '0011.png' },
+    { id: '00012', name: '0012.png' },
+];
+export var fileTreeSample = [
+    {
+        id: 1,
+        name: 'Root Folder',
+        parentId: ROOT_NODE_ID,
+        type: 'branch',
+    },
+    { id: 2, name: 'Animals', parentId: 1, type: 'branch' },
+    { id: 3, name: 'Birds', parentId: 1, type: 'branch' },
+    { id: 4, name: 'Cat.jpg', parentId: 2, type: 'leaf' },
+    { id: 5, name: 'Dog.jpg', parentId: 2, type: 'leaf' },
+    { id: 6, name: 'Woodpecker.jpg', parentId: 3, type: 'leaf' },
+    { id: 7, name: 'Owl.jpg', parentId: 3, type: 'leaf' },
+    { id: 12, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },
+    { id: 13, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },
+    { id: 14, name: 'Crane.jpg', parentId: 3, type: 'leaf' },
+    { id: 15, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },
+];
+//# sourceMappingURL=storyHelpers.js.map

package/dist/esm/components/FileSelect/storyHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyHelpers.js","sourceRoot":"","sources":["../../../../src/components/FileSelect/storyHelpers.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/FileToken/FileToken.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+import { FileTokenProps } from './FileToken.types';
+export declare const FileToken: React.ForwardRefExoticComponent<FileTokenProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/FileToken/FileToken.js

@@ -0,0 +1,85 @@
+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 { parseFilename } from '../../utils/filename';
+import { Loader } from '../Loader';
+import { transitionDuration } from '../Loader/Loader.styles';
+import { Token } from '../Token';
+import { Tooltip } from '../Tooltip';
+import { pulseAnimationDuration, StyledExtension, StyledFilename, StyledFilenameShortcut, StyledFileToken, } from './FileToken.styles';
+export var FileToken = React.forwardRef(function FileToken(_a, ref) {
+    var fileName = _a.fileName, _b = _a.progressValue, progressValue = _b === void 0 ? 0 : _b, _c = _a.errorMessage, errorMessage = _c === void 0 ? '' : _c, onLabelClick = _a.onLabelClick, onClose = _a.onClose, qa = _a.qa, props = __rest(_a, ["fileName", "progressValue", "errorMessage", "onLabelClick", "onClose", "qa"]);
+    var isError = Boolean(errorMessage);
+    var isProgressValueComplete = !isError && progressValue >= 100;
+    var _d = React.useState(isProgressValueComplete), isProgressComplete = _d[0], setProgressComplete = _d[1];
+    var _e = React.useState(false), isFinalized = _e[0], setFinalized = _e[1];
+    var didMountRef = React.useRef(false);
+    var _f = parseFilename(fileName), filename = _f.filename, extension = _f.extension, isFilename = _f.isFilename;
+    var name = isFilename ? "".concat(filename, ".") : fileName;
+    React.useEffect(function () {
+        var timerId = isProgressValueComplete
+            ? window.setTimeout(function () {
+                setProgressComplete(true);
+            }, transitionDuration)
+            : null;
+        if (!isProgressValueComplete) {
+            setProgressComplete(false);
+        }
+        return function () {
+            timerId && clearTimeout(timerId);
+        };
+    }, [isProgressValueComplete]);
+    React.useEffect(function () {
+        var isFinalized = didMountRef.current && isProgressComplete;
+        var timerId = isFinalized
+            ? window.setTimeout(function () {
+                setFinalized(false);
+            }, pulseAnimationDuration)
+            : null;
+        setFinalized(didMountRef.current && isProgressComplete);
+        if (!didMountRef.current) {
+            didMountRef.current = true;
+        }
+        return function () {
+            timerId && clearTimeout(timerId);
+        };
+    }, [isProgressComplete]);
+    var token = (React.createElement(Token, null,
+        React.createElement(Token.Label, { onClick: onLabelClick },
+            React.createElement(StyledFilenameShortcut, null,
+                React.createElement(StyledFilename, null, name),
+                React.createElement(StyledExtension, null, extension))),
+        React.createElement(Token.Icon, { icon: "x", onClick: onClose, "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton })));
+    // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally
+    if (isError) {
+        return (React.createElement(Tooltip, { ref: ref, trigger: "hover", overlay: errorMessage },
+            React.createElement(StyledFileToken, __assign({}, props, { "$error": isError, "$finalized": isFinalized, "$progressComplete": isProgressComplete }),
+                token,
+                React.createElement(Loader, { value: progressValue, animated: true }, token))));
+    }
+    return (React.createElement(StyledFileToken, __assign({}, props, { "$error": isError, "$finalized": isFinalized, "$progressComplete": isProgressComplete, ref: ref }),
+        token,
+        React.createElement(Loader, { value: progressValue, animated: true }, token)));
+});
+FileToken.displayName = 'FileToken';
+//# sourceMappingURL=FileToken.js.map

package/dist/esm/components/FileToken/FileToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.js","sourceRoot":"","sources":["../../../../src/components/FileToken/FileToken.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+export declare const pulseAnimationDuration = 600;
+export declare const StyledFilenameShortcut: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFilename: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledExtension: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFileToken: import("styled-components").StyledComponent<"div", any, {
+    $error?: boolean | undefined;
+    $finalized?: boolean | undefined;
+    $progressComplete?: boolean | undefined;
+}, never>;

package/dist/esm/components/FileToken/FileToken.styles.js

@@ -0,0 +1,28 @@
+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, keyframes } from 'styled-components';
+import { colors } from '../../styles/colors';
+import { StyledLoader } from '../Loader/Loader.styles';
+import { StyledIcon, StyledLabel, StyledToken } from '../Token/Token.styles';
+export var pulseAnimationDuration = 600;
+var focusPulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  25% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  50% {\n    box-shadow: 0 0 0 1px ", ", 0 0 0 3px ", ", 0 0 0 2px ", ";\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ", ", 0 0 0 3px ", ", 0 0 0 6px ", ";\n  }\n"], ["\n  0% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  25% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  50% {\n    box-shadow: 0 0 0 1px ", ", 0 0 0 3px ", ", 0 0 0 2px ", ";\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ", ", 0 0 0 3px ", ", 0 0 0 6px ", ";\n  }\n"])), 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 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+export var StyledFilename = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+export var StyledExtension = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
+export var StyledFileToken = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\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 ", ";\n    outline: none;\n\n    ", " {\n      border-color: transparent;\n\n      ", "\n    }\n  }\n\n  ", " {\n    background: none;\n    color: ", ";\n    display: flex;\n    user-select: none;\n  }\n\n  ", " {\n    &:hover,\n    &.hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n\n  ", " {\n    overflow: hidden;\n\n    ", " {\n      border-radius: 200px 0 0 200px;\n      color: ", ";\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ", " {\n        flex: 0 0 auto;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n  }\n\n  ", "\n"], ["\n  background-color: ", ";\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 ", ";\n    outline: none;\n\n    ", " {\n      border-color: transparent;\n\n      ", "\n    }\n  }\n\n  ", " {\n    background: none;\n    color: ", ";\n    display: flex;\n    user-select: none;\n  }\n\n  ", " {\n    &:hover,\n    &.hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n\n  ", " {\n    overflow: hidden;\n\n    ", " {\n      border-radius: 200px 0 0 200px;\n      color: ", ";\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ", " {\n        flex: 0 0 auto;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n  }\n\n  ", "\n"])), colors.gray96, colors.blue40, StyledToken, function (_a) {
+    var $progressComplete = _a.$progressComplete;
+    return $progressComplete && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.blue45);
+}, StyledToken, colors.blue40, StyledIcon, colors.blue40, colors.gray96, StyledLoader, StyledToken, colors.white, StyledLabel, StyledIcon, function (_a) {
+    var $error = _a.$error, $finalized = _a.$finalized, $progressComplete = _a.$progressComplete;
+    if ($error) {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        background-color: ", ";\n\n        &:focus {\n          background-color: ", ";\n        }\n\n        ", " {\n          color: ", ";\n        }\n\n        ", " {\n          display: none;\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "], ["\n        background-color: ", ";\n\n        &:focus {\n          background-color: ", ";\n        }\n\n        ", " {\n          color: ", ";\n        }\n\n        ", " {\n          display: none;\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "])), colors.red50, colors.red50, StyledToken, colors.white, StyledLoader, StyledIcon, colors.white, colors.red50);
+    }
+    else if ($finalized || $progressComplete) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", ";\n\n        ", " {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ", " {\n          background-color: ", ";\n          color: ", ";\n\n          &:hover,\n          &:focus {\n            background-color: ", ";\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ", " {\n            background-color: ", ";\n          }\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "], ["\n        ", ";\n\n        ", " {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ", " {\n          background-color: ", ";\n          color: ", ";\n\n          &:hover,\n          &:focus {\n            background-color: ", ";\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ", " {\n            background-color: ", ";\n          }\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "])), $finalized && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          animation-delay: 0;\n          animation-duration: ", "ms;\n          animation-name: ", ";\n          animation-timing-function: ease-out;\n        "], ["\n          animation-delay: 0;\n          animation-duration: ", "ms;\n          animation-name: ", ";\n          animation-timing-function: ease-out;\n        "])), pulseAnimationDuration, focusPulse), StyledLoader, StyledToken, colors.blue50, colors.white, colors.blue45, StyledToken, colors.blue45, StyledIcon, colors.white, colors.blue50);
+    }
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=FileToken.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.styles.js","sourceRoot":"","sources":["../../../../src/components/FileToken/FileToken.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/FileToken/FileToken.types.d.ts

@@ -0,0 +1,34 @@
+import { Props } from '../../utils/types';
+interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    closeButton?: string;
+}
+export interface FileTokenProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    fileName: string;
+    /**
+     * @since 10.19.0
+     */
+    progressValue?: number;
+    /**
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * @since 10.19.0
+     */
+    onLabelClick?: () => void;
+    /**
+     * @since 10.19.0
+     */
+    onClose?: () => void;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export {};

package/dist/esm/components/FileToken/FileToken.types.js

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

package/dist/esm/components/FileToken/FileToken.types.js.map

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

package/dist/esm/components/FileToken/index.d.ts

@@ -0,0 +1 @@
+export { FileToken as default, FileToken } from './FileToken';

package/dist/esm/components/FileToken/index.js

@@ -0,0 +1,2 @@
+export { FileToken as default, FileToken } from './FileToken';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FileToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FileToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/esm/components/Font/Font.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SpanAttributes } from '../../utils/types';
+import { FontProps } from './Font.types';
+/**
+ * @deprecated Please use H1, H2, H3, P, UL, or Typography
+ */
+export declare const Font: React.ForwardRefExoticComponent<SpanAttributes & FontProps & React.RefAttributes<HTMLSpanElement>>;
+export default Font;

package/dist/esm/components/Font/Font.js

@@ -0,0 +1,47 @@
+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 styles from '@procore/core-css/src/components/_typography.scss';
+import React from 'react';
+import { useDeprecation } from '../../effects/Deprecation';
+var classnames = require('classnames/bind');
+var cx = classnames.bind(styles);
+var availableFonts = Object.keys(styles);
+/**
+ * @deprecated Please use H1, H2, H3, P, UL, or Typography
+ */
+export var Font = React.forwardRef(function Font(_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.weight, weight = _c === void 0 ? 'regular' : _c, _d = _a.fontStyle, fontStyle = _d === void 0 ? '' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, props = __rest(_a, ["children", "className", "size", "weight", "fontStyle", "variant"]);
+    useDeprecation({
+        oldThing: 'Font',
+        newThing: 'H1, H2, H3, P, UL, or Typography',
+    });
+    var style = fontStyle ? "-".concat(fontStyle) : '';
+    var fontClassName = "".concat(size, "-").concat(weight).concat(style, "--").concat(variant);
+    if (availableFonts.length && availableFonts.indexOf(fontClassName) < 0) {
+        console.error("Warning: Font component failed to load class; ".concat(fontClassName, " does not exist."));
+    }
+    return (React.createElement("span", __assign({ ref: ref, className: cx(fontClassName, className) }, props), children));
+});
+Font.displayName = 'Font';
+export default Font;
+//# sourceMappingURL=Font.js.map

package/dist/esm/components/Font/Font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Font.js","sourceRoot":"","sources":["../../../../src/components/Font/Font.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,mDAAmD,CAAA;AACtE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG1D,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAE7C,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAE1C;;GAEG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CACb,EAQC,EACD,GAAG;IARD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA,EAClB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,KAAK,cAPV,mEAQC,CADS;IAIV,cAAc,CAAC;QACb,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,kCAAkC;KAC7C,CAAC,CAAA;IAEF,IAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,IAAM,aAAa,GAAG,UAAG,IAAI,cAAI,MAAM,SAAG,KAAK,eAAK,OAAO,CAAE,CAAA;IAE7D,IAAI,cAAc,CAAC,MAAM,IAAI,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;QACtE,OAAO,CAAC,KAAK,CACX,wDAAiD,aAAa,qBAAkB,CACjF,CAAA;KACF;IAED,OAAO,CACL,uCAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC/D,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/esm/components/Font/Font.types.d.ts

@@ -0,0 +1,31 @@
+import { Props } from '../../utils/types';
+export declare type FontSize = 'xs' | 'table' | 'sm' | 'md' | 'lg';
+export declare type FontStyle = '' | 'italic';
+export declare type FontVariant = 'primary' | 'secondary' | 'tertiary' | 'tableHeader' | 'white' | 'blue' | 'red';
+export declare type FontWeight = 'regular' | 'medium' | 'bold';
+export interface FontProps extends Props {
+    /**
+     * Sets the font-style.
+     * @default 'none'
+     * @since 10.19.0
+     */
+    fontStyle?: FontStyle;
+    /**
+     * Sets the font-size.
+     * @default 'sm'
+     * @since 10.19.0
+     */
+    size?: FontSize;
+    /**
+     * Sets the font-color.
+     * @default 'primary'
+     * @since 10.19.0
+     */
+    variant?: FontVariant;
+    /**
+     * Sets the font-weight.
+     * @default 'regular'
+     * @since 10.19.0
+     */
+    weight?: FontWeight;
+}

package/dist/esm/components/Font/Font.types.js

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

package/dist/esm/components/Font/Font.types.js.map

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

package/dist/esm/components/Font/index.d.ts

@@ -0,0 +1,2 @@
+export { Font as default, Font } from './Font';
+export { FontProps } from './Font.types';

package/dist/esm/components/Font/index.js

@@ -0,0 +1,2 @@
+export { Font as default, Font } from './Font';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Font/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Font/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}