@procore/core-react 11.22.0 → 11.23.0

package/dist/FileToken/FileToken.js

@@ -1,25 +1,13 @@
-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 _excluded = ["fileName", "progressValue", "errorMessage", "onLabelClick", "onClose", "qa"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+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; }
 import { useId } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
@@ -29,69 +17,104 @@ import { Token } from '../Token/Token';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { useI18nContext } from '../_hooks/I18n';
 import { parseFilename } from '../_utils/filename';
-import { pulseAnimationDuration, StyledExtension, StyledFilename, StyledFilenameShortcut, StyledFileToken, } from './FileToken.styles';
+import { pulseAnimationDuration, StyledExtension, StyledFilename, StyledFilenameShortcut, StyledFileToken } from './FileToken.styles';
 /**
  * @deprecatedSince 11
  * @deprecated Intended for internal library development.
  */
-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 i18n = useI18nContext();
-    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 progressBarLabelId = useId();
-    var name = isFilename ? "".concat(filename, ".") : fileName;
-    React.useEffect(function () {
-        var timerId = isProgressValueComplete
-            ? window.setTimeout(function () {
-                setProgressComplete(true);
-            }, loaderTransitionDuration)
-            : 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.Remove, { 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))));
+export var FileToken = /*#__PURE__*/React.forwardRef(function FileToken(_ref, ref) {
+  var fileName = _ref.fileName,
+    _ref$progressValue = _ref.progressValue,
+    progressValue = _ref$progressValue === void 0 ? 0 : _ref$progressValue,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage,
+    onLabelClick = _ref.onLabelClick,
+    onClose = _ref.onClose,
+    qa = _ref.qa,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var i18n = useI18nContext();
+  var isError = Boolean(errorMessage);
+  var isProgressValueComplete = !isError && progressValue >= 100;
+  var _React$useState = React.useState(isProgressValueComplete),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isProgressComplete = _React$useState2[0],
+    setProgressComplete = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isFinalized = _React$useState4[0],
+    setFinalized = _React$useState4[1];
+  var didMountRef = React.useRef(false);
+  var _parseFilename = parseFilename(fileName),
+    filename = _parseFilename.filename,
+    extension = _parseFilename.extension,
+    isFilename = _parseFilename.isFilename;
+  var progressBarLabelId = useId();
+  var name = isFilename ? "".concat(filename, ".") : fileName;
+  React.useEffect(function () {
+    var timerId = isProgressValueComplete ? window.setTimeout(function () {
+      setProgressComplete(true);
+    }, loaderTransitionDuration) : 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 (React.createElement(StyledFileToken, __assign({}, props, { "$error": isError, "$finalized": isFinalized, "$progressComplete": isProgressComplete, ref: ref }),
-        token,
-        React.createElement(Loader, { value: progressValue, animated: true, "aria-hidden": true }, token),
-        React.createElement(VisuallyHidden, null,
-            React.createElement("span", { id: progressBarLabelId }, i18n.t('core.fileToken.uploading')),
-            React.createElement("div", { "aria-labelledby": progressBarLabelId, role: "progressbar", "aria-valuenow": progressValue, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuetext": "".concat(progressValue, "%") }))));
+    return function () {
+      timerId && clearTimeout(timerId);
+    };
+  }, [isProgressComplete]);
+  var token = /*#__PURE__*/React.createElement(Token, null, /*#__PURE__*/React.createElement(Token.Label, {
+    onClick: onLabelClick
+  }, /*#__PURE__*/React.createElement(StyledFilenameShortcut, null, /*#__PURE__*/React.createElement(StyledFilename, null, name), /*#__PURE__*/React.createElement(StyledExtension, null, extension))), /*#__PURE__*/React.createElement(Token.Remove, {
+    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 /*#__PURE__*/React.createElement(Tooltip, {
+      ref: ref,
+      trigger: "hover",
+      overlay: errorMessage
+    }, /*#__PURE__*/React.createElement(StyledFileToken, _extends({}, props, {
+      $error: isError,
+      $finalized: isFinalized,
+      $progressComplete: isProgressComplete
+    }), token, /*#__PURE__*/React.createElement(Loader, {
+      value: progressValue,
+      animated: true
+    }, token)));
+  }
+  return /*#__PURE__*/React.createElement(StyledFileToken, _extends({}, props, {
+    $error: isError,
+    $finalized: isFinalized,
+    $progressComplete: isProgressComplete,
+    ref: ref
+  }), token, /*#__PURE__*/React.createElement(Loader, {
+    value: progressValue,
+    animated: true,
+    "aria-hidden": true
+  }, token), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("span", {
+    id: progressBarLabelId
+  }, i18n.t('core.fileToken.uploading')), /*#__PURE__*/React.createElement("div", {
+    "aria-labelledby": progressBarLabelId,
+    role: "progressbar",
+    "aria-valuenow": progressValue,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuetext": "".concat(progressValue, "%")
+  })));
 });
 FileToken.displayName = 'FileToken';
 //# sourceMappingURL=FileToken.js.map

package/dist/FileToken/FileToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileToken.js","names":["useId","VisuallyHidden","React","Loader","loaderTransitionDuration","Token","Tooltip","useI18nContext","parseFilename","pulseAnimationDuration","StyledExtension","StyledFilename","StyledFilenameShortcut","StyledFileToken","FileToken","forwardRef","_ref","ref","fileName","_ref$progressValue","progressValue","_ref$errorMessage","errorMessage","onLabelClick","onClose","qa","props","_objectWithoutProperties","_excluded","i18n","isError","Boolean","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isProgressComplete","setProgressComplete","_React$useState3","_React$useState4","isFinalized","setFinalized","didMountRef","useRef","_parseFilename","filename","extension","isFilename","progressBarLabelId","name","concat","useEffect","timerId","window","setTimeout","clearTimeout","current","token","createElement","Label","onClick","Remove","closeButton","trigger","overlay","_extends","$error","$finalized","$progressComplete","value","animated","id","t","role","displayName"],"sources":["../../src/FileToken/FileToken.tsx"],"sourcesContent":["import { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Loader } from '../Loader/Loader'\nimport { loaderTransitionDuration } from '../Loader/Loader.styles'\nimport { Token } from '../Token/Token'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { parseFilename } from '../_utils/filename'\nimport { DivAttributes } from '../_utils/types'\nimport {\n  pulseAnimationDuration,\n  StyledExtension,\n  StyledFilename,\n  StyledFilenameShortcut,\n  StyledFileToken,\n} from './FileToken.styles'\nimport { FileTokenProps } from './FileToken.types'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const FileToken = React.forwardRef<\n  HTMLDivElement,\n  FileTokenProps & DivAttributes\n>(function FileToken(\n  {\n    fileName,\n    progressValue = 0,\n    errorMessage = '',\n    onLabelClick,\n    onClose,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n  const isError = Boolean(errorMessage)\n\n  const isProgressValueComplete = !isError && progressValue >= 100\n\n  const [isProgressComplete, setProgressComplete] = React.useState(\n    isProgressValueComplete\n  )\n\n  const [isFinalized, setFinalized] = React.useState(false)\n\n  const didMountRef = React.useRef(false)\n\n  const { filename, extension, isFilename } = parseFilename(fileName)\n\n  const progressBarLabelId = useId()\n  const name = isFilename ? `${filename}.` : fileName\n\n  React.useEffect(() => {\n    const timerId: number | null = isProgressValueComplete\n      ? window.setTimeout(() => {\n          setProgressComplete(true)\n        }, loaderTransitionDuration)\n      : null\n\n    if (!isProgressValueComplete) {\n      setProgressComplete(false)\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressValueComplete])\n\n  React.useEffect(() => {\n    const isFinalized = didMountRef.current && isProgressComplete\n    const timerId: number | null = isFinalized\n      ? window.setTimeout(() => {\n          setFinalized(false)\n        }, pulseAnimationDuration)\n      : null\n\n    setFinalized(didMountRef.current && isProgressComplete)\n\n    if (!didMountRef.current) {\n      didMountRef.current = true\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressComplete])\n\n  const token = (\n    <Token>\n      <Token.Label onClick={onLabelClick}>\n        <StyledFilenameShortcut>\n          <StyledFilename>{name}</StyledFilename>\n          <StyledExtension>{extension}</StyledExtension>\n        </StyledFilenameShortcut>\n      </Token.Label>\n      <Token.Remove onClick={onClose} data-qa={qa?.closeButton} />\n    </Token>\n  )\n\n  // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally\n  if (isError) {\n    return (\n      <Tooltip ref={ref} trigger=\"hover\" overlay={errorMessage}>\n        <StyledFileToken\n          {...props}\n          $error={isError}\n          $finalized={isFinalized}\n          $progressComplete={isProgressComplete}\n        >\n          {token}\n          <Loader value={progressValue} animated>\n            {token}\n          </Loader>\n        </StyledFileToken>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <StyledFileToken\n      {...props}\n      $error={isError}\n      $finalized={isFinalized}\n      $progressComplete={isProgressComplete}\n      ref={ref}\n    >\n      {token}\n      <Loader value={progressValue} animated aria-hidden>\n        {token}\n      </Loader>\n      <VisuallyHidden>\n        <span id={progressBarLabelId}>\n          {i18n.t('core.fileToken.uploading')}\n        </span>\n        <div\n          aria-labelledby={progressBarLabelId}\n          role=\"progressbar\"\n          aria-valuenow={progressValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuetext={`${progressValue}%`}\n        />\n      </VisuallyHidden>\n    </StyledFileToken>\n  )\n})\n\nFileToken.displayName = 'FileToken'\n"],"mappings":"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"}

package/dist/FileToken/FileToken.styles.js

@@ -1,28 +1,36 @@
-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 { StyledLoader } from '../Loader/Loader.styles';
 import { StyledLabel, StyledToken } from '../Token/Token.styles';
 import { colors } from '../_styles/colors';
 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    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  ", "\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    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  ", "\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, StyledLoader, StyledToken, colors.white, StyledLabel, 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        background-color: ", ";\n\n        &:focus {\n          background-color: ", ";\n        }\n\n        ", " {\n          color: ", ";\n        }\n\n        ", " {\n          display: none;\n        }\n      "])), colors.red50, colors.red50, StyledToken, colors.white, StyledLoader);
-    }
-    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\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      "])), $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);
-    }
-    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
+export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFilenameShortcut",
+  componentId: "core-11_23_0__sc-13jx4bx-0"
+})(["display:flex;"]);
+export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledFilename",
+  componentId: "core-11_23_0__sc-13jx4bx-1"
+})(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
+export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledExtension",
+  componentId: "core-11_23_0__sc-13jx4bx-2"
+})(["flex-shrink:0;"]);
+export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFileToken",
+  componentId: "core-11_23_0__sc-13jx4bx-3"
+})(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
+  var $progressComplete = _ref.$progressComplete;
+  return $progressComplete && css(["background-color:", ";"], colors.blue45);
+}, StyledToken, colors.blue40, StyledLoader, StyledToken, colors.white, StyledLabel, function (_ref2) {
+  var $error = _ref2.$error,
+    $finalized = _ref2.$finalized,
+    $progressComplete = _ref2.$progressComplete;
+  if ($error) {
+    return css(["background-color:", ";&:focus{background-color:", ";}", "{color:", ";}", "{display:none;}"], colors.red50, colors.red50, StyledToken, colors.white, StyledLoader);
+  } else if ($finalized || $progressComplete) {
+    return css(["", ";", "{opacity:0;pointer-events:none;}", "{background-color:", ";color:", ";&:hover,&:focus{background-color:", ";}}&.hover,&.focus{", "{background-color:", ";}}"], $finalized && css(["animation-delay:0;animation-duration:", "ms;animation-name:", ";animation-timing-function:ease-out;"], pulseAnimationDuration, focusPulse), StyledLoader, StyledToken, colors.blue50, colors.white, colors.blue45, StyledToken, colors.blue45);
+  }
+  return css([""]);
 });
-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/FileToken/FileToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.styles.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAEzC,IAAM,UAAU,GAAG,SAAS,yXAAA,oCAEF,EAAa,YAAa,EAAa,YAAa,EAAa,2CAGjE,EAAa,YAAa,EAAa,YAAa,EAAa,6CAG/D,EAAa,cAAe,EAAa,cAAe,EAAa,gDAGnE,EAAa,cAAe,EAAa,cAAe,EAAa,UAElG,KAXyB,MAAM,CAAC,MAAM,EAAa,MAAM,CAAC,MAAM,EAAa,MAAM,CAAC,MAAM,EAGjE,MAAM,CAAC,MAAM,EAAa,MAAM,CAAC,MAAM,EAAa,MAAM,CAAC,MAAM,EAG/D,MAAM,CAAC,MAAM,EAAe,MAAM,CAAC,MAAM,EAAe,MAAM,CAAC,MAAM,EAGnE,MAAM,CAAC,MAAM,EAAe,MAAM,CAAC,MAAM,EAAe,MAAM,CAAC,MAAM,CAElG,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAE/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,IAAI,2IAAA,wEAIxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,0FAAA,uBAEzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,svBAIvC,wBACoB,EAAa,qKASP,EAAa,+BAGnC,EAAW,gDAGT,EAIC,oBAIL,EAAW,wCAEF,EAAa,0DAKtB,EAAY,mCAGV,EAAW,0DAEF,EAAY,gIAKnB,EAAW,wDAMf,EAoDD,IACF,KAnGqB,MAAM,CAAC,MAAM,EASP,MAAM,CAAC,MAAM,EAGnC,WAAW,EAGT,UAAC,EAAqB;QAAnB,iBAAiB,uBAAA;IACpB,OAAA,iBAAiB,IACjB,GAAG,kHAAA,gCACmB,EAAa,aAClC,KADqB,MAAM,CAAC,MAAM,CAClC;AAHD,CAGC,EAIL,WAAW,EAEF,MAAM,CAAC,MAAM,EAKtB,YAAY,EAGV,WAAW,EAEF,MAAM,CAAC,KAAK,EAKnB,WAAW,EAMf,UAAC,EAAyC;QAAvC,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,iBAAiB,uBAAA;IACxC,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,6RAAA,8BACY,EAAY,sDAGV,EAAY,0BAGhC,EAAW,uBACF,EAAY,0BAGrB,EAAY,iDAGf,KAbqB,MAAM,CAAC,KAAK,EAGV,MAAM,CAAC,KAAK,EAGhC,WAAW,EACF,MAAM,CAAC,KAAK,EAGrB,YAAY,EAGf;KACF;SAAM,IAAI,UAAU,IAAI,iBAAiB,EAAE;QAC1C,OAAO,GAAG,4dAAA,YACN,EAMD,eAEC,EAAY,mFAKZ,EAAW,kCACS,EAAa,sBACxB,EAAY,8EAIC,EAAa,8EAMjC,EAAW,oCACS,EAAa,mCAGtC,KA7BG,UAAU,IACZ,GAAG,sOAAA,iEAEqB,EAAsB,iCAC1B,EAAU,6DAE7B,KAHuB,sBAAsB,EAC1B,UAAU,CAE7B,EAEC,YAAY,EAKZ,WAAW,EACS,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAIC,MAAM,CAAC,MAAM,EAMjC,WAAW,EACS,MAAM,CAAC,MAAM,EAGtC;KACF;IAED,OAAO,GAAG,qEAAA,EAAE,KAAA;AACd,CAAC,CACF,CAAA"}
+{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledToken","colors","pulseAnimationDuration","focusPulse","blue60","blue90","blue94","StyledFilenameShortcut","div","withConfig","displayName","componentId","StyledFilename","span","StyledExtension","StyledFileToken","gray96","blue40","_ref","$progressComplete","blue45","white","_ref2","$error","$finalized","red50","blue50"],"sources":["../../src/FileToken/FileToken.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledLoader } from '../Loader/Loader.styles'\nimport { StyledLabel, StyledToken } from '../Token/Token.styles'\nimport { colors } from '../_styles/colors'\n\nexport const pulseAnimationDuration = 600\n\nconst focusPulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  25% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  50% {\n    box-shadow: 0 0 0 1px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 2px ${colors.blue94};\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 6px ${colors.blue94};\n  }\n`\n\nexport const StyledFilenameShortcut = styled.div`\n  display: flex;\n`\n\nexport const StyledFilename = styled.span`\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const StyledExtension = styled.span`\n  flex-shrink: 0;\n`\n\nexport const StyledFileToken = styled.div<{\n  $error?: boolean\n  $finalized?: boolean\n  $progressComplete?: boolean\n}>`\n  background-color: ${colors.gray96};\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    ${StyledToken} {\n      border-color: transparent;\n\n      ${({ $progressComplete }) =>\n        $progressComplete &&\n        css`\n          background-color: ${colors.blue45};\n        `}\n    }\n  }\n\n  ${StyledToken} {\n    background: none;\n    color: ${colors.blue40};\n    display: flex;\n    user-select: none;\n  }\n\n  ${StyledLoader} {\n    overflow: hidden;\n\n    ${StyledToken} {\n      border-radius: 200px 0 0 200px;\n      color: ${colors.white};\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ${StyledLabel} {\n        flex: 0 0 auto;\n      }\n    }\n  }\n\n  ${({ $error, $finalized, $progressComplete }) => {\n    if ($error) {\n      return css`\n        background-color: ${colors.red50};\n\n        &:focus {\n          background-color: ${colors.red50};\n        }\n\n        ${StyledToken} {\n          color: ${colors.white};\n        }\n\n        ${StyledLoader} {\n          display: none;\n        }\n      `\n    } else if ($finalized || $progressComplete) {\n      return css`\n        ${$finalized &&\n        css`\n          animation-delay: 0;\n          animation-duration: ${pulseAnimationDuration}ms;\n          animation-name: ${focusPulse};\n          animation-timing-function: ease-out;\n        `};\n\n        ${StyledLoader} {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ${StyledToken} {\n          background-color: ${colors.blue50};\n          color: ${colors.white};\n\n          &:hover,\n          &:focus {\n            background-color: ${colors.blue45};\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ${StyledToken} {\n            background-color: ${colors.blue45};\n          }\n        }\n      `\n    }\n\n    return css``\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,EAAEC,WAAW,QAAQ,uBAAuB;AAChE,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,sBAAsB,GAAG,GAAG;AAEzC,IAAMC,UAAU,gBAAGN,SAAS,iPAEFI,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAGjEL,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAG/DL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAGnEL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,CAElG;AAED,OAAO,IAAMC,sBAAsB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE/C;AAED,OAAO,IAAMC,cAAc,gBAAGjB,MAAM,CAACkB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAIxC;AAED,OAAO,IAAMG,eAAe,gBAAGnB,MAAM,CAACkB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEzC;AAED,OAAO,IAAMI,eAAe,gBAAGpB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+bAKnBV,MAAM,CAACe,MAAM,EASPf,MAAM,CAACgB,MAAM,EAGnCjB,WAAW,EAGT,UAAAkB,IAAA;EAAA,IAAGC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,OACpBA,iBAAiB,IACjBvB,GAAG,6BACmBK,MAAM,CAACmB,MAAM,CAClC;AAAA,GAILpB,WAAW,EAEFC,MAAM,CAACgB,MAAM,EAKtBnB,YAAY,EAGVE,WAAW,EAEFC,MAAM,CAACoB,KAAK,EAKnBtB,WAAW,EAMf,UAAAuB,KAAA,EAA+C;EAAA,IAA5CC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAEL,iBAAiB,GAAAG,KAAA,CAAjBH,iBAAiB;EACxC,IAAII,MAAM,EAAE;IACV,OAAO3B,GAAG,gGACYK,MAAM,CAACwB,KAAK,EAGVxB,MAAM,CAACwB,KAAK,EAGhCzB,WAAW,EACFC,MAAM,CAACoB,KAAK,EAGrBvB,YAAY;EAIlB,CAAC,MAAM,IAAI0B,UAAU,IAAIL,iBAAiB,EAAE;IAC1C,OAAOvB,GAAG,2KACN4B,UAAU,IACZ5B,GAAG,0GAEqBM,sBAAsB,EAC1BC,UAAU,CAE7B,EAECL,YAAY,EAKZE,WAAW,EACSC,MAAM,CAACyB,MAAM,EACxBzB,MAAM,CAACoB,KAAK,EAICpB,MAAM,CAACmB,MAAM,EAMjCpB,WAAW,EACSC,MAAM,CAACmB,MAAM;EAIzC;EAEA,OAAOxB,GAAG;AACZ,CAAC,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileToken.types.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"FileToken.types.js","names":[],"sources":["../../src/FileToken/FileToken.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\ninterface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  closeButton?: string\n}\nexport interface FileTokenProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  progressValue?: number\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: string\n  /**\n   * @since 10.19.0\n   */\n  onLabelClick?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":""}

package/dist/FileToken/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FileToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","names":["FileToken"],"sources":["../../src/FileToken/index.ts"],"sourcesContent":["export { FileToken } from './FileToken'\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa"}

package/dist/FilterToken/FilterToken.js

@@ -1,49 +1,59 @@
-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;
-};
+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", "focused"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
 import { Clear } from '@procore/core-icons';
 import React from 'react';
 import { Button } from '../Button/Button';
 import { useI18nContext } from '../_hooks/I18n';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledFilterToken, StyledLabel } from './FilterToken.styles';
-var Parent = React.forwardRef(function FilterToken(_a, ref) {
-    var children = _a.children, _b = _a.focused, focused = _b === void 0 ? false : _b, props = __rest(_a, ["children", "focused"]);
-    return (React.createElement(StyledFilterToken, __assign({}, props, { ref: ref, "$focused": focused }), children));
+var Parent = /*#__PURE__*/React.forwardRef(function FilterToken(_ref, ref) {
+  var children = _ref.children,
+    _ref$focused = _ref.focused,
+    focused = _ref$focused === void 0 ? false : _ref$focused,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledFilterToken, _extends({}, props, {
+    ref: ref,
+    $focused: focused
+  }), children);
 });
-var Remove = React.forwardRef(function TokenRemove(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var i18n = useI18nContext();
-    return (React.createElement(Button, __assign({ "aria-label": i18n.t('core.token.remove'), ref: ref }, props, { variant: "tertiaryContrast", size: "sm", style: __assign(__assign({}, props.style), { marginLeft: '6px' }), icon: React.createElement(Clear, null) })));
+var Remove = /*#__PURE__*/React.forwardRef(function TokenRemove(_ref2, ref) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var i18n = useI18nContext();
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "aria-label": i18n.t('core.token.remove'),
+    ref: ref
+  }, props, {
+    variant: "tertiaryContrast",
+    size: "sm",
+    style: _objectSpread(_objectSpread({}, props.style), {}, {
+      marginLeft: '6px'
+    }),
+    icon: /*#__PURE__*/React.createElement(Clear, null)
+  }));
 });
-var Label = React.forwardRef(function Label(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledLabel, __assign({ ref: ref }, props), children));
+var Label = /*#__PURE__*/React.forwardRef(function Label(_ref3, ref) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(StyledLabel, _extends({
+    ref: ref
+  }, props), children);
 });
 Parent.displayName = 'FilterToken';
 Remove.displayName = 'FilterToken.Remove';
 Label.displayName = 'FilterToken.Label';
 export var FilterToken = addSubcomponents({
-    Label: Label,
-    Remove: Remove,
+  Label: Label,
+  Remove: Remove
 }, Parent);
 //# sourceMappingURL=FilterToken.js.map

package/dist/FilterToken/FilterToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.js","sourceRoot":"","sources":["../../src/FilterToken/FilterToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAO7D,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAGrE,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,SAAS,WAAW,CAAC,EAAuC,EAAE,GAAG;IAA1C,IAAA,QAAQ,cAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,KAAK,cAArC,uBAAuC,CAAF;IAC1D,OAAO,CACL,oBAAC,iBAAiB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,cAAY,OAAO,KACtD,QAAQ,CACS,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACvC,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,MAAM,2BACO,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACvC,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAC,IAAI,EACT,KAAK,wBAAO,KAAK,CAAC,KAAK,KAAE,UAAU,EAAE,KAAK,KAC1C,IAAI,EAAE,oBAAC,KAAK,OAAG,IACf,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjC,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAElC,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAEzC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;IACL,MAAM,QAAA;CACP,EACD,MAAM,CACP,CAAA"}
+{"version":3,"file":"FilterToken.js","names":["Clear","React","Button","useI18nContext","addSubcomponents","StyledFilterToken","StyledLabel","Parent","forwardRef","FilterToken","_ref","ref","children","_ref$focused","focused","props","_objectWithoutProperties","_excluded","createElement","_extends","$focused","Remove","TokenRemove","_ref2","_excluded2","i18n","t","variant","size","style","_objectSpread","marginLeft","icon","Label","_ref3","_excluded3","displayName"],"sources":["../../src/FilterToken/FilterToken.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledFilterToken, StyledLabel } from './FilterToken.styles'\nimport { FilterTokenProps } from './FilterToken.types'\n\nconst Parent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & FilterTokenProps\n>(function FilterToken({ children, focused = false, ...props }, ref) {\n  return (\n    <StyledFilterToken {...props} ref={ref} $focused={focused}>\n      {children}\n    </StyledFilterToken>\n  )\n})\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function TokenRemove({ children, ...props }, ref) {\n    const i18n = useI18nContext()\n\n    return (\n      <Button\n        aria-label={i18n.t('core.token.remove')}\n        ref={ref}\n        {...props}\n        variant=\"tertiaryContrast\"\n        size=\"sm\"\n        style={{ ...props.style, marginLeft: '6px' }}\n        icon={<Clear />}\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledLabel ref={ref} {...props}>\n        {children}\n      </StyledLabel>\n    )\n  }\n)\n\nParent.displayName = 'FilterToken'\n\nRemove.displayName = 'FilterToken.Remove'\n\nLabel.displayName = 'FilterToken.Label'\n\nexport const FilterToken = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,iBAAiB,EAAEC,WAAW,QAAQ,sBAAsB;AAGrE,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAG7B,SAASC,WAAWA,CAAAC,IAAA,EAA0CC,GAAG,EAAE;EAAA,IAA5CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1D,oBACEhB,KAAA,CAAAiB,aAAA,CAACb,iBAAiB,EAAAc,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA,GAAI;IAACS,QAAQ,EAAEN;EAAQ,IACvDF,QACgB,CAAC;AAExB,CAAC,CAAC;AAEF,IAAMS,MAAM,gBAAGpB,KAAK,CAACO,UAAU,CAC7B,SAASc,WAAWA,CAAAC,KAAA,EAAyBZ,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAW,KAAA,CAARX,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAC,UAAA;EACvC,IAAMC,IAAI,GAAGtB,cAAc,CAAC,CAAC;EAE7B,oBACEF,KAAA,CAAAiB,aAAA,CAAChB,MAAM,EAAAiB,QAAA;IACL,cAAYM,IAAI,CAACC,CAAC,CAAC,mBAAmB,CAAE;IACxCf,GAAG,EAAEA;EAAI,GACLI,KAAK;IACTY,OAAO,EAAC,kBAAkB;IAC1BC,IAAI,EAAC,IAAI;IACTC,KAAK,EAAAC,aAAA,CAAAA,aAAA,KAAOf,KAAK,CAACc,KAAK;MAAEE,UAAU,EAAE;IAAK,EAAG;IAC7CC,IAAI,eAAE/B,KAAA,CAAAiB,aAAA,CAAClB,KAAK,MAAE;EAAE,EACjB,CAAC;AAEN,CACF,CAAC;AAED,IAAMiC,KAAK,gBAAGhC,KAAK,CAACO,UAAU,CAC5B,SAASyB,KAAKA,CAAAC,KAAA,EAAyBvB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAsB,KAAA,CAARtB,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAkB,KAAA,EAAAC,UAAA;EACjC,oBACElC,KAAA,CAAAiB,aAAA,CAACZ,WAAW,EAAAa,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC7BH,QACU,CAAC;AAElB,CACF,CAAC;AAEDL,MAAM,CAAC6B,WAAW,GAAG,aAAa;AAElCf,MAAM,CAACe,WAAW,GAAG,oBAAoB;AAEzCH,KAAK,CAACG,WAAW,GAAG,mBAAmB;AAEvC,OAAO,IAAM3B,WAAW,GAAGL,gBAAgB,CACzC;EACE6B,KAAK,EAALA,KAAK;EACLZ,MAAM,EAANA;AACF,CAAC,EACDd,MACF,CAAC"}

package/dist/FilterToken/FilterToken.styles.js

@@ -1,16 +1,18 @@
-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 { getTypographyIntent, semiboldRules, } from '../Typography/Typography.styles';
+import { getTypographyIntent, semiboldRules } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-export var StyledLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"])), getTypographyIntent('body'), getEllipsis, semiboldRules);
-export var StyledFilterToken = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_a) {
-    var _b = _a.$focused, $focused = _b === void 0 ? false : _b;
-    return $focused && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", "\n\n      background-color: ", ";\n      border-color: ", "\n      border-width: 2px;\n    "], ["\n      ", "\n\n      background-color: ", ";\n      border-color: ", "\n      border-width: 2px;\n    "])), getFocus(), colors.blue96, colors.blue40);
+export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledLabel",
+  componentId: "core-11_23_0__sc-1l1h29r-0"
+})(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
+export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFilterToken",
+  componentId: "core-11_23_0__sc-1l1h29r-1"
+})(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
+  var _ref$$focused = _ref.$focused,
+    $focused = _ref$$focused === void 0 ? false : _ref$$focused;
+  return $focused && css(["", " background-color:", ";border-color:", " border-width:2px;"], getFocus(), colors.blue96, colors.blue40);
 });
-var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=FilterToken.styles.js.map

package/dist/FilterToken/FilterToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.styles.js","sourceRoot":"","sources":["../../src/FilterToken/FilterToken.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,wHAAA,MAClC,EAA2B,QAE3B,EAAW,QAEX,EAAa,yBAGhB,KAPG,mBAAmB,CAAC,MAAM,CAAC,EAE3B,WAAW,EAEX,aAAa,CAGhB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,0lBAEzC,gDAEoB,EAAa,6GAGxB,EAAa,+RAQX,EAAU,KAAM,EAAU,wDAIf,EAAa,cAGjC,EAQC,IACJ,KA3BqB,MAAM,CAAC,MAAM,EAGxB,MAAM,CAAC,MAAM,EAQX,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAIf,MAAM,CAAC,MAAM,EAGjC,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,OAAA,QAAQ,IACR,GAAG,4KAAA,UACC,EAAU,8BAEQ,EAAa,yBACjB,EAAa,kCAE9B,KALG,QAAQ,EAAE,EAEQ,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,CAE9B;AAPD,CAOC,CACJ,CAAA"}
+{"version":3,"file":"FilterToken.styles.js","names":["styled","css","getTypographyIntent","semiboldRules","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledFilterToken","div","blue96","blue45","sm","md","blue90","_ref","_ref$$focused","$focused","blue40"],"sources":["../../src/FilterToken/FilterToken.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  ${semiboldRules}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledFilterToken = styled.div<{\n  $focused: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue96};\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.blue45};\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.sm}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue90};\n  }\n\n  ${({ $focused = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue96};\n      border-color: ${colors.blue40}\n      border-width: 2px;\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,aAAa,QACR,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BG,WAAW,EAEXF,aAAa,CAGhB;AAED,OAAO,IAAMU,iBAAiB,gBAAGb,MAAM,CAACc,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uSAIrBR,MAAM,CAACW,MAAM,EAGxBX,MAAM,CAACY,MAAM,EAQXT,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACW,EAAE,EAIfd,MAAM,CAACe,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OACnBC,QAAQ,IACRrB,GAAG,qEACCK,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACW,MAAM,EACjBX,MAAM,CAACmB,MAAM,CAE9B;AAAA,EACJ"}

package/dist/FilterToken/FilterToken.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.types.js","sourceRoot":"","sources":["../../src/FilterToken/FilterToken.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"FilterToken.types.js","names":[],"sources":["../../src/FilterToken/FilterToken.types.ts"],"sourcesContent":["export interface FilterTokenProps {\n  /**\n   * @since 11.7.0\n   */\n  focused?: boolean\n}\n"],"mappings":""}

package/dist/FilterToken/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FilterToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,WAAW,IAAI,6BAA6B,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","names":["FilterToken","UNSAFE_FilterToken","StyledLabel","UNSAFE_StyledFilterTokenLabel"],"sources":["../../src/FilterToken/index.ts"],"sourcesContent":["export { FilterToken as UNSAFE_FilterToken } from './FilterToken'\nexport type { FilterTokenProps as UNSAFE_FilterTokenProps } from './FilterToken.types'\nexport { StyledLabel as UNSAFE_StyledFilterTokenLabel } from './FilterToken.styles'\n"],"mappings":"AAAA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,eAAe;AAEjE,SAASC,WAAW,IAAIC,6BAA6B,QAAQ,sBAAsB"}