@procore/core-react 12.47.0 → 12.48.0

package/dist/CheckboxGroup/checkboxGroupTileNavigation.js

@@ -0,0 +1,224 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from 'react';
+import { useGridNavigation } from '../ThumbnailGrid/ThumbnailGrid.hooks';
+export var CheckboxGroupTileNavContext = /*#__PURE__*/React.createContext(null);
+var FALLBACK_COLUMN_STRIDE_PX = 116;
+function isTileFocusable(el) {
+  return el != null && el.getAttribute('aria-disabled') !== 'true';
+}
+function focusTileElement(el) {
+  var _el$scrollIntoView;
+  el.focus();
+  (_el$scrollIntoView = el.scrollIntoView) === null || _el$scrollIntoView === void 0 ? void 0 : _el$scrollIntoView.call(el, {
+    block: 'nearest',
+    inline: 'nearest'
+  });
+}
+function rovingTabIndex(orderedIds, activeIndex, value) {
+  if (orderedIds.length === 0) return 0;
+  var idx = orderedIds.indexOf(value);
+  return idx === activeIndex ? 0 : -1;
+}
+function indicesRowsFromLayout(orderedIds, tileRefs) {
+  var rows = [];
+  var row = [];
+  var prevTop = null;
+  for (var i = 0; i < orderedIds.length; i++) {
+    var el = tileRefs.get(orderedIds[i]);
+    if (!el) return null;
+    var top = el.getBoundingClientRect().top;
+    if (prevTop !== null && Math.abs(top - prevTop) > 2) {
+      rows.push(row);
+      row = [];
+    }
+    row.push(i);
+    prevTop = top;
+  }
+  if (row.length) rows.push(row);
+  return rows.length ? rows : null;
+}
+function indicesRowsFromColumnCount(itemCount, columns) {
+  if (itemCount <= 0) return [[0]];
+  var cols = Math.min(Math.max(1, columns), itemCount);
+  var rows = [];
+  for (var i = 0; i < itemCount; i++) {
+    var _rows$r;
+    var r = Math.floor(i / cols);
+    ((_rows$r = rows[r]) !== null && _rows$r !== void 0 ? _rows$r : rows[r] = []).push(i);
+  }
+  return rows;
+}
+function flexGapPx(container) {
+  var g = getComputedStyle(container).columnGap || getComputedStyle(container).gap;
+  return parseFloat(g || '0') || 0;
+}
+function estimateColumnCount(container, tileRefs, orderedIds) {
+  var w = container.getBoundingClientRect().width;
+  if (w <= 0) return 1;
+  var first = orderedIds[0] ? tileRefs.get(orderedIds[0]) : undefined;
+  if (!first) return Math.max(1, Math.floor(w / FALLBACK_COLUMN_STRIDE_PX));
+  var stride;
+  var second = orderedIds.length >= 2 ? tileRefs.get(orderedIds[1]) : undefined;
+  if (second && first.offsetTop === second.offsetTop) {
+    stride = second.offsetLeft - first.offsetLeft;
+  } else {
+    stride = first.offsetWidth + flexGapPx(container);
+  }
+  return Math.max(1, Math.floor(w / Math.max(stride, 1)));
+}
+function computeIndicesRows(container, orderedIds, tileRefs) {
+  if (orderedIds.length === 0) return [[0]];
+  var ready = orderedIds.every(function (id) {
+    return tileRefs.get(id);
+  });
+  if (ready) {
+    var fromLayout = indicesRowsFromLayout(orderedIds, tileRefs);
+    if (fromLayout) return fromLayout;
+  }
+  if (container) {
+    return indicesRowsFromColumnCount(orderedIds.length, estimateColumnCount(container, tileRefs, orderedIds));
+  }
+  return indicesRowsFromColumnCount(orderedIds.length, 1);
+}
+function useTileRegistration() {
+  var tileRefs = React.useRef(new Map());
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    orderedIds = _React$useState2[0],
+    setOrderedIds = _React$useState2[1];
+  var orderedIdsRef = React.useRef([]);
+  React.useLayoutEffect(function () {
+    orderedIdsRef.current = orderedIds;
+  }, [orderedIds]);
+  var registerTileRef = React.useCallback(function (value, element) {
+    if (element) {
+      tileRefs.current.set(value, element);
+      setOrderedIds(function (prev) {
+        return prev.includes(value) ? prev : [].concat(_toConsumableArray(prev), [value]);
+      });
+    } else {
+      tileRefs.current["delete"](value);
+      setOrderedIds(function (prev) {
+        return prev.filter(function (v) {
+          return v !== value;
+        });
+      });
+    }
+  }, []);
+  return {
+    tileRefs: tileRefs,
+    orderedIds: orderedIds,
+    orderedIdsRef: orderedIdsRef,
+    registerTileRef: registerTileRef
+  };
+}
+function useCheckboxGroupTileNavAutoGrid(containerRef) {
+  var _useTileRegistration = useTileRegistration(),
+    tileRefs = _useTileRegistration.tileRefs,
+    orderedIds = _useTileRegistration.orderedIds,
+    orderedIdsRef = _useTileRegistration.orderedIdsRef,
+    registerTileRef = _useTileRegistration.registerTileRef;
+  var _React$useState3 = React.useState([[0]]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    indicesRows = _React$useState4[0],
+    setIndicesRows = _React$useState4[1];
+  var syncIndicesRows = React.useCallback(function () {
+    setIndicesRows(computeIndicesRows(containerRef.current, orderedIdsRef.current, tileRefs.current));
+  }, [containerRef, orderedIdsRef, tileRefs]);
+  React.useLayoutEffect(function () {
+    syncIndicesRows();
+    var el = containerRef.current;
+    if (!el) return;
+    var ro = new ResizeObserver(syncIndicesRows);
+    ro.observe(el);
+    return function () {
+      return ro.disconnect();
+    };
+  }, [orderedIds, syncIndicesRows, containerRef]);
+  var navigation = useGridNavigation({
+    indicesRows: [[0]]
+  });
+  React.useEffect(function () {
+    navigation.setIndicesRows(orderedIds.length === 0 ? [[0]] : indicesRows);
+  }, [indicesRows, navigation, orderedIds.length]);
+  var handleKeyDown = React.useCallback(function (value, e) {
+    var ids = orderedIdsRef.current;
+    var i = ids.indexOf(value);
+    if (i < 0 || ids.length === 0) return;
+    var last = ids.length - 1;
+    var nav = function nav(fn) {
+      return fn(e, i);
+    };
+    var next;
+    if (e.key === 'Tab' && e.shiftKey) {
+      if (i <= 0) return;
+      e.preventDefault();
+      next = nav(navigation.left);
+    } else {
+      switch (e.key) {
+        case 'ArrowDown':
+        case 'Down':
+          e.preventDefault();
+          next = nav(navigation.down);
+          break;
+        case 'ArrowUp':
+        case 'Up':
+          e.preventDefault();
+          next = nav(navigation.up);
+          break;
+        case 'ArrowLeft':
+        case 'Left':
+          e.preventDefault();
+          next = nav(navigation.left);
+          break;
+        case 'Tab':
+          if (i >= last) return;
+          e.preventDefault();
+          next = nav(navigation.right);
+          break;
+        case 'ArrowRight':
+        case 'Right':
+          e.preventDefault();
+          next = nav(navigation.right);
+          break;
+        default:
+          return;
+      }
+    }
+    var target = tileRefs.current.get(ids[next]);
+    if (isTileFocusable(target)) focusTileElement(target);
+  }, [navigation, orderedIdsRef, tileRefs]);
+  var getTabIndex = React.useCallback(function (value) {
+    return rovingTabIndex(orderedIds, navigation.index, value);
+  }, [orderedIds, navigation.index]);
+  var onTileFocus = React.useCallback(function (value) {
+    var idx = orderedIds.indexOf(value);
+    if (idx >= 0) navigation.setIndex(idx);
+  }, [navigation, orderedIds]);
+  return React.useMemo(function () {
+    return {
+      registerTileRef: registerTileRef,
+      getTabIndex: getTabIndex,
+      onTileKeyDown: handleKeyDown,
+      onTileFocus: onTileFocus
+    };
+  }, [registerTileRef, getTabIndex, handleKeyDown, onTileFocus]);
+}
+export function CheckboxGroupTileNavProvider(_ref) {
+  var containerRef = _ref.containerRef,
+    children = _ref.children;
+  var api = useCheckboxGroupTileNavAutoGrid(containerRef);
+  return /*#__PURE__*/React.createElement(CheckboxGroupTileNavContext.Provider, {
+    value: api
+  }, children);
+}
+//# sourceMappingURL=checkboxGroupTileNavigation.js.map

package/dist/CheckboxGroup/checkboxGroupTileNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxGroupTileNavigation.js","names":["React","useGridNavigation","CheckboxGroupTileNavContext","createContext","FALLBACK_COLUMN_STRIDE_PX","isTileFocusable","el","getAttribute","focusTileElement","_el$scrollIntoView","focus","scrollIntoView","call","block","inline","rovingTabIndex","orderedIds","activeIndex","value","length","idx","indexOf","indicesRowsFromLayout","tileRefs","rows","row","prevTop","i","get","top","getBoundingClientRect","Math","abs","push","indicesRowsFromColumnCount","itemCount","columns","cols","min","max","_rows$r","r","floor","flexGapPx","container","g","getComputedStyle","columnGap","gap","parseFloat","estimateColumnCount","w","width","first","undefined","stride","second","offsetTop","offsetLeft","offsetWidth","computeIndicesRows","ready","every","id","fromLayout","useTileRegistration","useRef","Map","_React$useState","useState","_React$useState2","_slicedToArray","setOrderedIds","orderedIdsRef","useLayoutEffect","current","registerTileRef","useCallback","element","set","prev","includes","concat","_toConsumableArray","filter","v","useCheckboxGroupTileNavAutoGrid","containerRef","_useTileRegistration","_React$useState3","_React$useState4","indicesRows","setIndicesRows","syncIndicesRows","ro","ResizeObserver","observe","disconnect","navigation","useEffect","handleKeyDown","e","ids","last","nav","fn","next","key","shiftKey","preventDefault","left","down","up","right","target","getTabIndex","index","onTileFocus","setIndex","useMemo","onTileKeyDown","CheckboxGroupTileNavProvider","_ref","children","api","createElement","Provider"],"sources":["../../src/CheckboxGroup/checkboxGroupTileNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport { useGridNavigation } from '../ThumbnailGrid/ThumbnailGrid.hooks'\n\nexport type CheckboxGroupTileNavApi = {\n  registerTileRef: (value: string, element: HTMLElement | null) => void\n  getTabIndex: (value: string) => number\n  onTileKeyDown: (value: string, e: React.KeyboardEvent<HTMLElement>) => void\n  onTileFocus: (value: string) => void\n}\n\nexport const CheckboxGroupTileNavContext =\n  React.createContext<CheckboxGroupTileNavApi | null>(null)\n\nconst FALLBACK_COLUMN_STRIDE_PX = 116\n\nfunction isTileFocusable(\n  el: HTMLElement | undefined | null\n): el is HTMLElement {\n  return el != null && el.getAttribute('aria-disabled') !== 'true'\n}\n\nfunction focusTileElement(el: HTMLElement) {\n  el.focus()\n  el.scrollIntoView?.({ block: 'nearest', inline: 'nearest' })\n}\n\nfunction rovingTabIndex(\n  orderedIds: string[],\n  activeIndex: number,\n  value: string\n): number {\n  if (orderedIds.length === 0) return 0\n  const idx = orderedIds.indexOf(value)\n  return idx === activeIndex ? 0 : -1\n}\n\nfunction indicesRowsFromLayout(\n  orderedIds: string[],\n  tileRefs: Map<string, HTMLElement>\n): number[][] | null {\n  const rows: number[][] = []\n  let row: number[] = []\n  let prevTop: number | null = null\n\n  for (let i = 0; i < orderedIds.length; i++) {\n    const el = tileRefs.get(orderedIds[i])\n    if (!el) return null\n\n    const top = el.getBoundingClientRect().top\n    if (prevTop !== null && Math.abs(top - prevTop) > 2) {\n      rows.push(row)\n      row = []\n    }\n    row.push(i)\n    prevTop = top\n  }\n  if (row.length) rows.push(row)\n  return rows.length ? rows : null\n}\n\nfunction indicesRowsFromColumnCount(\n  itemCount: number,\n  columns: number\n): number[][] {\n  if (itemCount <= 0) return [[0]]\n  const cols = Math.min(Math.max(1, columns), itemCount)\n  const rows: number[][] = []\n  for (let i = 0; i < itemCount; i++) {\n    const r = Math.floor(i / cols)\n    ;(rows[r] ??= []).push(i)\n  }\n  return rows\n}\n\nfunction flexGapPx(container: HTMLElement): number {\n  const g =\n    getComputedStyle(container).columnGap || getComputedStyle(container).gap\n  return parseFloat(g || '0') || 0\n}\n\nfunction estimateColumnCount(\n  container: HTMLElement,\n  tileRefs: Map<string, HTMLElement>,\n  orderedIds: string[]\n): number {\n  const w = container.getBoundingClientRect().width\n  if (w <= 0) return 1\n\n  const first = orderedIds[0] ? tileRefs.get(orderedIds[0]) : undefined\n  if (!first) return Math.max(1, Math.floor(w / FALLBACK_COLUMN_STRIDE_PX))\n\n  let stride: number\n  const second =\n    orderedIds.length >= 2 ? tileRefs.get(orderedIds[1]) : undefined\n  if (second && first.offsetTop === second.offsetTop) {\n    stride = second.offsetLeft - first.offsetLeft\n  } else {\n    stride = first.offsetWidth + flexGapPx(container)\n  }\n\n  return Math.max(1, Math.floor(w / Math.max(stride, 1)))\n}\n\nfunction computeIndicesRows(\n  container: HTMLElement | null,\n  orderedIds: string[],\n  tileRefs: Map<string, HTMLElement>\n): number[][] {\n  if (orderedIds.length === 0) return [[0]]\n\n  const ready = orderedIds.every((id) => tileRefs.get(id))\n  if (ready) {\n    const fromLayout = indicesRowsFromLayout(orderedIds, tileRefs)\n    if (fromLayout) return fromLayout\n  }\n\n  if (container) {\n    return indicesRowsFromColumnCount(\n      orderedIds.length,\n      estimateColumnCount(container, tileRefs, orderedIds)\n    )\n  }\n  return indicesRowsFromColumnCount(orderedIds.length, 1)\n}\n\nfunction useTileRegistration() {\n  const tileRefs = React.useRef(new Map<string, HTMLElement>())\n  const [orderedIds, setOrderedIds] = React.useState<string[]>([])\n  const orderedIdsRef = React.useRef<string[]>([])\n\n  React.useLayoutEffect(() => {\n    orderedIdsRef.current = orderedIds\n  }, [orderedIds])\n\n  const registerTileRef = React.useCallback(\n    (value: string, element: HTMLElement | null) => {\n      if (element) {\n        tileRefs.current.set(value, element)\n        setOrderedIds((prev) =>\n          prev.includes(value) ? prev : [...prev, value]\n        )\n      } else {\n        tileRefs.current.delete(value)\n        setOrderedIds((prev) => prev.filter((v) => v !== value))\n      }\n    },\n    []\n  )\n\n  return { tileRefs, orderedIds, orderedIdsRef, registerTileRef }\n}\n\nfunction useCheckboxGroupTileNavAutoGrid(\n  containerRef: React.RefObject<HTMLElement | null>\n): CheckboxGroupTileNavApi {\n  const { tileRefs, orderedIds, orderedIdsRef, registerTileRef } =\n    useTileRegistration()\n  const [indicesRows, setIndicesRows] = React.useState<number[][]>([[0]])\n\n  const syncIndicesRows = React.useCallback(() => {\n    setIndicesRows(\n      computeIndicesRows(\n        containerRef.current,\n        orderedIdsRef.current,\n        tileRefs.current\n      )\n    )\n  }, [containerRef, orderedIdsRef, tileRefs])\n\n  React.useLayoutEffect(() => {\n    syncIndicesRows()\n    const el = containerRef.current\n    if (!el) return\n    const ro = new ResizeObserver(syncIndicesRows)\n    ro.observe(el)\n    return () => ro.disconnect()\n  }, [orderedIds, syncIndicesRows, containerRef])\n\n  const navigation = useGridNavigation({ indicesRows: [[0]] })\n\n  React.useEffect(() => {\n    navigation.setIndicesRows(orderedIds.length === 0 ? [[0]] : indicesRows)\n  }, [indicesRows, navigation, orderedIds.length])\n\n  const handleKeyDown = React.useCallback(\n    (value: string, e: React.KeyboardEvent<HTMLElement>) => {\n      const ids = orderedIdsRef.current\n      const i = ids.indexOf(value)\n      if (i < 0 || ids.length === 0) return\n\n      const last = ids.length - 1\n      const nav = (fn: (ev: React.KeyboardEvent, from?: number) => number) =>\n        fn(e, i)\n\n      let next: number\n\n      if (e.key === 'Tab' && e.shiftKey) {\n        if (i <= 0) return\n        e.preventDefault()\n        next = nav(navigation.left)\n      } else {\n        switch (e.key) {\n          case 'ArrowDown':\n          case 'Down':\n            e.preventDefault()\n            next = nav(navigation.down)\n            break\n          case 'ArrowUp':\n          case 'Up':\n            e.preventDefault()\n            next = nav(navigation.up)\n            break\n          case 'ArrowLeft':\n          case 'Left':\n            e.preventDefault()\n            next = nav(navigation.left)\n            break\n          case 'Tab':\n            if (i >= last) return\n            e.preventDefault()\n            next = nav(navigation.right)\n            break\n          case 'ArrowRight':\n          case 'Right':\n            e.preventDefault()\n            next = nav(navigation.right)\n            break\n          default:\n            return\n        }\n      }\n\n      const target = tileRefs.current.get(ids[next])\n      if (isTileFocusable(target)) focusTileElement(target)\n    },\n    [navigation, orderedIdsRef, tileRefs]\n  )\n\n  const getTabIndex = React.useCallback(\n    (value: string) => rovingTabIndex(orderedIds, navigation.index, value),\n    [orderedIds, navigation.index]\n  )\n\n  const onTileFocus = React.useCallback(\n    (value: string) => {\n      const idx = orderedIds.indexOf(value)\n      if (idx >= 0) navigation.setIndex(idx)\n    },\n    [navigation, orderedIds]\n  )\n\n  return React.useMemo(\n    () => ({\n      registerTileRef,\n      getTabIndex,\n      onTileKeyDown: handleKeyDown,\n      onTileFocus,\n    }),\n    [registerTileRef, getTabIndex, handleKeyDown, onTileFocus]\n  )\n}\n\nexport function CheckboxGroupTileNavProvider({\n  containerRef,\n  children,\n}: {\n  containerRef: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n}) {\n  const api = useCheckboxGroupTileNavAutoGrid(containerRef)\n  return (\n    <CheckboxGroupTileNavContext.Provider value={api}>\n      {children}\n    </CheckboxGroupTileNavContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sCAAsC;AASxE,OAAO,IAAMC,2BAA2B,gBACtCF,KAAK,CAACG,aAAa,CAAiC,IAAI,CAAC;AAE3D,IAAMC,yBAAyB,GAAG,GAAG;AAErC,SAASC,eAAeA,CACtBC,EAAkC,EACf;EACnB,OAAOA,EAAE,IAAI,IAAI,IAAIA,EAAE,CAACC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;AAClE;AAEA,SAASC,gBAAgBA,CAACF,EAAe,EAAE;EAAA,IAAAG,kBAAA;EACzCH,EAAE,CAACI,KAAK,CAAC,CAAC;EACV,CAAAD,kBAAA,GAAAH,EAAE,CAACK,cAAc,cAAAF,kBAAA,uBAAjBA,kBAAA,CAAAG,IAAA,CAAAN,EAAE,EAAkB;IAAEO,KAAK,EAAE,SAAS;IAAEC,MAAM,EAAE;EAAU,CAAC,CAAC;AAC9D;AAEA,SAASC,cAAcA,CACrBC,UAAoB,EACpBC,WAAmB,EACnBC,KAAa,EACL;EACR,IAAIF,UAAU,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,CAAC;EACrC,IAAMC,GAAG,GAAGJ,UAAU,CAACK,OAAO,CAACH,KAAK,CAAC;EACrC,OAAOE,GAAG,KAAKH,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;AACrC;AAEA,SAASK,qBAAqBA,CAC5BN,UAAoB,EACpBO,QAAkC,EACf;EACnB,IAAMC,IAAgB,GAAG,EAAE;EAC3B,IAAIC,GAAa,GAAG,EAAE;EACtB,IAAIC,OAAsB,GAAG,IAAI;EAEjC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,UAAU,CAACG,MAAM,EAAEQ,CAAC,EAAE,EAAE;IAC1C,IAAMrB,EAAE,GAAGiB,QAAQ,CAACK,GAAG,CAACZ,UAAU,CAACW,CAAC,CAAC,CAAC;IACtC,IAAI,CAACrB,EAAE,EAAE,OAAO,IAAI;IAEpB,IAAMuB,GAAG,GAAGvB,EAAE,CAACwB,qBAAqB,CAAC,CAAC,CAACD,GAAG;IAC1C,IAAIH,OAAO,KAAK,IAAI,IAAIK,IAAI,CAACC,GAAG,CAACH,GAAG,GAAGH,OAAO,CAAC,GAAG,CAAC,EAAE;MACnDF,IAAI,CAACS,IAAI,CAACR,GAAG,CAAC;MACdA,GAAG,GAAG,EAAE;IACV;IACAA,GAAG,CAACQ,IAAI,CAACN,CAAC,CAAC;IACXD,OAAO,GAAGG,GAAG;EACf;EACA,IAAIJ,GAAG,CAACN,MAAM,EAAEK,IAAI,CAACS,IAAI,CAACR,GAAG,CAAC;EAC9B,OAAOD,IAAI,CAACL,MAAM,GAAGK,IAAI,GAAG,IAAI;AAClC;AAEA,SAASU,0BAA0BA,CACjCC,SAAiB,EACjBC,OAAe,EACH;EACZ,IAAID,SAAS,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;EAChC,IAAME,IAAI,GAAGN,IAAI,CAACO,GAAG,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,EAAEH,OAAO,CAAC,EAAED,SAAS,CAAC;EACtD,IAAMX,IAAgB,GAAG,EAAE;EAC3B,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGQ,SAAS,EAAER,CAAC,EAAE,EAAE;IAAA,IAAAa,OAAA;IAClC,IAAMC,CAAC,GAAGV,IAAI,CAACW,KAAK,CAACf,CAAC,GAAGU,IAAI,CAAC;IAC7B,EAAAG,OAAA,GAAChB,IAAI,CAACiB,CAAC,CAAC,cAAAD,OAAA,cAAAA,OAAA,GAAPhB,IAAI,CAACiB,CAAC,CAAC,GAAK,EAAE,EAAER,IAAI,CAACN,CAAC,CAAC;EAC3B;EACA,OAAOH,IAAI;AACb;AAEA,SAASmB,SAASA,CAACC,SAAsB,EAAU;EACjD,IAAMC,CAAC,GACLC,gBAAgB,CAACF,SAAS,CAAC,CAACG,SAAS,IAAID,gBAAgB,CAACF,SAAS,CAAC,CAACI,GAAG;EAC1E,OAAOC,UAAU,CAACJ,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;AAClC;AAEA,SAASK,mBAAmBA,CAC1BN,SAAsB,EACtBrB,QAAkC,EAClCP,UAAoB,EACZ;EACR,IAAMmC,CAAC,GAAGP,SAAS,CAACd,qBAAqB,CAAC,CAAC,CAACsB,KAAK;EACjD,IAAID,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;EAEpB,IAAME,KAAK,GAAGrC,UAAU,CAAC,CAAC,CAAC,GAAGO,QAAQ,CAACK,GAAG,CAACZ,UAAU,CAAC,CAAC,CAAC,CAAC,GAAGsC,SAAS;EACrE,IAAI,CAACD,KAAK,EAAE,OAAOtB,IAAI,CAACQ,GAAG,CAAC,CAAC,EAAER,IAAI,CAACW,KAAK,CAACS,CAAC,GAAG/C,yBAAyB,CAAC,CAAC;EAEzE,IAAImD,MAAc;EAClB,IAAMC,MAAM,GACVxC,UAAU,CAACG,MAAM,IAAI,CAAC,GAAGI,QAAQ,CAACK,GAAG,CAACZ,UAAU,CAAC,CAAC,CAAC,CAAC,GAAGsC,SAAS;EAClE,IAAIE,MAAM,IAAIH,KAAK,CAACI,SAAS,KAAKD,MAAM,CAACC,SAAS,EAAE;IAClDF,MAAM,GAAGC,MAAM,CAACE,UAAU,GAAGL,KAAK,CAACK,UAAU;EAC/C,CAAC,MAAM;IACLH,MAAM,GAAGF,KAAK,CAACM,WAAW,GAAGhB,SAAS,CAACC,SAAS,CAAC;EACnD;EAEA,OAAOb,IAAI,CAACQ,GAAG,CAAC,CAAC,EAAER,IAAI,CAACW,KAAK,CAACS,CAAC,GAAGpB,IAAI,CAACQ,GAAG,CAACgB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AACzD;AAEA,SAASK,kBAAkBA,CACzBhB,SAA6B,EAC7B5B,UAAoB,EACpBO,QAAkC,EACtB;EACZ,IAAIP,UAAU,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;EAEzC,IAAM0C,KAAK,GAAG7C,UAAU,CAAC8C,KAAK,CAAC,UAACC,EAAE;IAAA,OAAKxC,QAAQ,CAACK,GAAG,CAACmC,EAAE,CAAC;EAAA,EAAC;EACxD,IAAIF,KAAK,EAAE;IACT,IAAMG,UAAU,GAAG1C,qBAAqB,CAACN,UAAU,EAAEO,QAAQ,CAAC;IAC9D,IAAIyC,UAAU,EAAE,OAAOA,UAAU;EACnC;EAEA,IAAIpB,SAAS,EAAE;IACb,OAAOV,0BAA0B,CAC/BlB,UAAU,CAACG,MAAM,EACjB+B,mBAAmB,CAACN,SAAS,EAAErB,QAAQ,EAAEP,UAAU,CACrD,CAAC;EACH;EACA,OAAOkB,0BAA0B,CAAClB,UAAU,CAACG,MAAM,EAAE,CAAC,CAAC;AACzD;AAEA,SAAS8C,mBAAmBA,CAAA,EAAG;EAC7B,IAAM1C,QAAQ,GAAGvB,KAAK,CAACkE,MAAM,CAAC,IAAIC,GAAG,CAAsB,CAAC,CAAC;EAC7D,IAAAC,eAAA,GAAoCpE,KAAK,CAACqE,QAAQ,CAAW,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAzDpD,UAAU,GAAAsD,gBAAA;IAAEE,aAAa,GAAAF,gBAAA;EAChC,IAAMG,aAAa,GAAGzE,KAAK,CAACkE,MAAM,CAAW,EAAE,CAAC;EAEhDlE,KAAK,CAAC0E,eAAe,CAAC,YAAM;IAC1BD,aAAa,CAACE,OAAO,GAAG3D,UAAU;EACpC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAM4D,eAAe,GAAG5E,KAAK,CAAC6E,WAAW,CACvC,UAAC3D,KAAa,EAAE4D,OAA2B,EAAK;IAC9C,IAAIA,OAAO,EAAE;MACXvD,QAAQ,CAACoD,OAAO,CAACI,GAAG,CAAC7D,KAAK,EAAE4D,OAAO,CAAC;MACpCN,aAAa,CAAC,UAACQ,IAAI;QAAA,OACjBA,IAAI,CAACC,QAAQ,CAAC/D,KAAK,CAAC,GAAG8D,IAAI,MAAAE,MAAA,CAAAC,kBAAA,CAAOH,IAAI,IAAE9D,KAAK,EAAC;MAAA,CAChD,CAAC;IACH,CAAC,MAAM;MACLK,QAAQ,CAACoD,OAAO,UAAO,CAACzD,KAAK,CAAC;MAC9BsD,aAAa,CAAC,UAACQ,IAAI;QAAA,OAAKA,IAAI,CAACI,MAAM,CAAC,UAACC,CAAC;UAAA,OAAKA,CAAC,KAAKnE,KAAK;QAAA,EAAC;MAAA,EAAC;IAC1D;EACF,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEK,QAAQ,EAARA,QAAQ;IAAEP,UAAU,EAAVA,UAAU;IAAEyD,aAAa,EAAbA,aAAa;IAAEG,eAAe,EAAfA;EAAgB,CAAC;AACjE;AAEA,SAASU,+BAA+BA,CACtCC,YAAiD,EACxB;EACzB,IAAAC,oBAAA,GACEvB,mBAAmB,CAAC,CAAC;IADf1C,QAAQ,GAAAiE,oBAAA,CAARjE,QAAQ;IAAEP,UAAU,GAAAwE,oBAAA,CAAVxE,UAAU;IAAEyD,aAAa,GAAAe,oBAAA,CAAbf,aAAa;IAAEG,eAAe,GAAAY,oBAAA,CAAfZ,eAAe;EAE5D,IAAAa,gBAAA,GAAsCzF,KAAK,CAACqE,QAAQ,CAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAAAqB,gBAAA,GAAAnB,cAAA,CAAAkB,gBAAA;IAAhEE,WAAW,GAAAD,gBAAA;IAAEE,cAAc,GAAAF,gBAAA;EAElC,IAAMG,eAAe,GAAG7F,KAAK,CAAC6E,WAAW,CAAC,YAAM;IAC9Ce,cAAc,CACZhC,kBAAkB,CAChB2B,YAAY,CAACZ,OAAO,EACpBF,aAAa,CAACE,OAAO,EACrBpD,QAAQ,CAACoD,OACX,CACF,CAAC;EACH,CAAC,EAAE,CAACY,YAAY,EAAEd,aAAa,EAAElD,QAAQ,CAAC,CAAC;EAE3CvB,KAAK,CAAC0E,eAAe,CAAC,YAAM;IAC1BmB,eAAe,CAAC,CAAC;IACjB,IAAMvF,EAAE,GAAGiF,YAAY,CAACZ,OAAO;IAC/B,IAAI,CAACrE,EAAE,EAAE;IACT,IAAMwF,EAAE,GAAG,IAAIC,cAAc,CAACF,eAAe,CAAC;IAC9CC,EAAE,CAACE,OAAO,CAAC1F,EAAE,CAAC;IACd,OAAO;MAAA,OAAMwF,EAAE,CAACG,UAAU,CAAC,CAAC;IAAA;EAC9B,CAAC,EAAE,CAACjF,UAAU,EAAE6E,eAAe,EAAEN,YAAY,CAAC,CAAC;EAE/C,IAAMW,UAAU,GAAGjG,iBAAiB,CAAC;IAAE0F,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;EAAE,CAAC,CAAC;EAE5D3F,KAAK,CAACmG,SAAS,CAAC,YAAM;IACpBD,UAAU,CAACN,cAAc,CAAC5E,UAAU,CAACG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGwE,WAAW,CAAC;EAC1E,CAAC,EAAE,CAACA,WAAW,EAAEO,UAAU,EAAElF,UAAU,CAACG,MAAM,CAAC,CAAC;EAEhD,IAAMiF,aAAa,GAAGpG,KAAK,CAAC6E,WAAW,CACrC,UAAC3D,KAAa,EAAEmF,CAAmC,EAAK;IACtD,IAAMC,GAAG,GAAG7B,aAAa,CAACE,OAAO;IACjC,IAAMhD,CAAC,GAAG2E,GAAG,CAACjF,OAAO,CAACH,KAAK,CAAC;IAC5B,IAAIS,CAAC,GAAG,CAAC,IAAI2E,GAAG,CAACnF,MAAM,KAAK,CAAC,EAAE;IAE/B,IAAMoF,IAAI,GAAGD,GAAG,CAACnF,MAAM,GAAG,CAAC;IAC3B,IAAMqF,GAAG,GAAG,SAANA,GAAGA,CAAIC,EAAsD;MAAA,OACjEA,EAAE,CAACJ,CAAC,EAAE1E,CAAC,CAAC;IAAA;IAEV,IAAI+E,IAAY;IAEhB,IAAIL,CAAC,CAACM,GAAG,KAAK,KAAK,IAAIN,CAAC,CAACO,QAAQ,EAAE;MACjC,IAAIjF,CAAC,IAAI,CAAC,EAAE;MACZ0E,CAAC,CAACQ,cAAc,CAAC,CAAC;MAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACY,IAAI,CAAC;IAC7B,CAAC,MAAM;MACL,QAAQT,CAAC,CAACM,GAAG;QACX,KAAK,WAAW;QAChB,KAAK,MAAM;UACTN,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACa,IAAI,CAAC;UAC3B;QACF,KAAK,SAAS;QACd,KAAK,IAAI;UACPV,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACc,EAAE,CAAC;UACzB;QACF,KAAK,WAAW;QAChB,KAAK,MAAM;UACTX,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACY,IAAI,CAAC;UAC3B;QACF,KAAK,KAAK;UACR,IAAInF,CAAC,IAAI4E,IAAI,EAAE;UACfF,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACe,KAAK,CAAC;UAC5B;QACF,KAAK,YAAY;QACjB,KAAK,OAAO;UACVZ,CAAC,CAACQ,cAAc,CAAC,CAAC;UAClBH,IAAI,GAAGF,GAAG,CAACN,UAAU,CAACe,KAAK,CAAC;UAC5B;QACF;UACE;MACJ;IACF;IAEA,IAAMC,MAAM,GAAG3F,QAAQ,CAACoD,OAAO,CAAC/C,GAAG,CAAC0E,GAAG,CAACI,IAAI,CAAC,CAAC;IAC9C,IAAIrG,eAAe,CAAC6G,MAAM,CAAC,EAAE1G,gBAAgB,CAAC0G,MAAM,CAAC;EACvD,CAAC,EACD,CAAChB,UAAU,EAAEzB,aAAa,EAAElD,QAAQ,CACtC,CAAC;EAED,IAAM4F,WAAW,GAAGnH,KAAK,CAAC6E,WAAW,CACnC,UAAC3D,KAAa;IAAA,OAAKH,cAAc,CAACC,UAAU,EAAEkF,UAAU,CAACkB,KAAK,EAAElG,KAAK,CAAC;EAAA,GACtE,CAACF,UAAU,EAAEkF,UAAU,CAACkB,KAAK,CAC/B,CAAC;EAED,IAAMC,WAAW,GAAGrH,KAAK,CAAC6E,WAAW,CACnC,UAAC3D,KAAa,EAAK;IACjB,IAAME,GAAG,GAAGJ,UAAU,CAACK,OAAO,CAACH,KAAK,CAAC;IACrC,IAAIE,GAAG,IAAI,CAAC,EAAE8E,UAAU,CAACoB,QAAQ,CAAClG,GAAG,CAAC;EACxC,CAAC,EACD,CAAC8E,UAAU,EAAElF,UAAU,CACzB,CAAC;EAED,OAAOhB,KAAK,CAACuH,OAAO,CAClB;IAAA,OAAO;MACL3C,eAAe,EAAfA,eAAe;MACfuC,WAAW,EAAXA,WAAW;MACXK,aAAa,EAAEpB,aAAa;MAC5BiB,WAAW,EAAXA;IACF,CAAC;EAAA,CAAC,EACF,CAACzC,eAAe,EAAEuC,WAAW,EAAEf,aAAa,EAAEiB,WAAW,CAC3D,CAAC;AACH;AAEA,OAAO,SAASI,4BAA4BA,CAAAC,IAAA,EAMzC;EAAA,IALDnC,YAAY,GAAAmC,IAAA,CAAZnC,YAAY;IACZoC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAKR,IAAMC,GAAG,GAAGtC,+BAA+B,CAACC,YAAY,CAAC;EACzD,oBACEvF,KAAA,CAAA6H,aAAA,CAAC3H,2BAA2B,CAAC4H,QAAQ;IAAC5G,KAAK,EAAE0G;EAAI,GAC9CD,QACmC,CAAC;AAE3C"}

package/dist/ContactItem/ContactItem.styles.js

@@ -7,23 +7,23 @@ import { getLineClamp } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var ContactItemAvatarWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ContactItemAvatarWrapper",
-  componentId: "core-12_47_0__sc-1c4z9pn-0"
+  componentId: "core-12_48_0__sc-1c4z9pn-0"
 })(["display:inline-flex;align-self:flex-start;"]);
 export var ContactItemAvatar = /*#__PURE__*/styled(Avatar).withConfig({
   displayName: "ContactItemAvatar",
-  componentId: "core-12_47_0__sc-1c4z9pn-1"
+  componentId: "core-12_48_0__sc-1c4z9pn-1"
 })(["cursor:inherit;font-weight:", ";"], typographyWeights.bold);
 export var ContactItemTextWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ContactItemTextWrapper",
-  componentId: "core-12_47_0__sc-1c4z9pn-2"
+  componentId: "core-12_48_0__sc-1c4z9pn-2"
 })(["overflow:hidden;margin-left:", "px;"], spacing.sm);
 export var ContactItemText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "ContactItemText",
-  componentId: "core-12_47_0__sc-1c4z9pn-3"
+  componentId: "core-12_48_0__sc-1c4z9pn-3"
 })(["display:flex;", ""], getLineClamp());
 export var ContactItemWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ContactItemWrapper",
-  componentId: "core-12_47_0__sc-1c4z9pn-4"
+  componentId: "core-12_48_0__sc-1c4z9pn-4"
 })(["display:flex;flex-direction:row;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, function (_ref) {
   var $disabled = _ref.$disabled,
     $clickable = _ref.$clickable;

package/dist/Content/Content.styles.js

@@ -5,10 +5,10 @@ import { mediaIE11Hack } from '../_styles/media';
 import { spacing } from '../_styles/spacing';
 export var StyledContent = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_47_0__sc-10y57gh-0"
+  componentId: "core-12_48_0__sc-10y57gh-0"
 })(["> * + *,> * + h1,> * + h2,> * + h3,> * + h4,> * + p,> * + ul,> * + ol{margin-top:", "px;}> ", " + *{margin-top:0;}> ", ",> ", " > ", ",> ", "{", "{min-height:0;margin-bottom:", "px;}&:last-child ", "{margin-bottom:0;}}"], spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_47_0__sc-10y57gh-1"
+  componentId: "core-12_48_0__sc-10y57gh-1"
 })(["display:flex;justify-content:flex-end;gap:", "px;@media ", "{& > * + *{margin-left:", "px;}}"], spacing.sm, mediaIE11Hack, spacing.sm);
 //# sourceMappingURL=Content.styles.js.map

package/dist/DateInput/DateInput.styles.js

@@ -10,15 +10,15 @@ var inputHeight = 36; // TODO one-off
 var disabledCss = /*#__PURE__*/css(["background-color:", ";color:", ";border-width:1px;border-style:solid;border-color:", ";pointer-events:none;svg{color:", ";}"], colors.gray94, colors.gray45, colors.gray50, colors.gray45);
 export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
   displayName: "StyledCalendar",
-  componentId: "core-12_47_0__sc-w10btf-0"
+  componentId: "core-12_48_0__sc-w10btf-0"
 })(["color:", ";"], colors.gray45);
 export var StyledDateSegmentsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateSegmentsContainer",
-  componentId: "core-12_47_0__sc-w10btf-1"
+  componentId: "core-12_48_0__sc-w10btf-1"
 })(["min-width:104px;display:flex;gap:", "px;"], spacing.xs);
 export var StyledDateInputSegment = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputSegment",
-  componentId: "core-12_47_0__sc-w10btf-2"
+  componentId: "core-12_48_0__sc-w10btf-2"
 })(["", " outline:none;text-align:center;&:focus{background-color:", ";}&::selection{background-color:transparent;}&[data-placeholder='true']{color:", ";}"], getTypographyIntent('body'), colors.blue96, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled ? colors.gray70 : colors.gray45;
@@ -29,15 +29,15 @@ export var StyledDateInputDelimiter = /*#__PURE__*/styled.span.attrs(function (p
   };
 }).withConfig({
   displayName: "StyledDateInputDelimiter",
-  componentId: "core-12_47_0__sc-w10btf-3"
+  componentId: "core-12_48_0__sc-w10btf-3"
 })(["", " user-select:none;"], getTypographyIntent('body'));
 export var StyledDateInputIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputIconContainer",
-  componentId: "core-12_47_0__sc-w10btf-4"
+  componentId: "core-12_48_0__sc-w10btf-4"
 })(["display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 ", "px;height:24px;width:24px;"], spacing.xs);
 export var StyledDateInput = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInput",
-  componentId: "core-12_47_0__sc-w10btf-5"
+  componentId: "core-12_48_0__sc-w10btf-5"
 })(["align-items:center;border-color:", ";border-radius:4px;border-style:solid;border-width:1px;display:inline-flex;flex-direction:row;height:", "px;justify-content:center;padding:0 ", "px 0 ", "px;&::placeholder{color:", ";}", " &:focus-within,&[data-qa=", "]{", ";}&:disabled{", "}", " ", ""], colors.gray50, inputHeight, spacing.xs, spacing.sm, colors.gray45, function (_ref2) {
   var $error = _ref2.$error;
   return !$error && css(["&:hover,&[data-qa=", "]{border-color:", ";}"], dataQa.hovered, colors.gray20);

package/dist/DateSelect/DateSelect.js

@@ -1,5 +1,5 @@
 var _excluded = ["onSelect"],
-  _excluded2 = ["beforeHide", "beforeShow", "afterHide", "afterShow", "disabledDate", "onChange", "onClear", "value"];
+  _excluded2 = ["beforeHide", "beforeShow", "afterHide", "afterShow", "disabledDate", "displayDate", "onChange", "onClear", "value"];
 var _process$env$TZ_LOG;
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
@@ -71,6 +71,7 @@ export var DateSelect = /*#__PURE__*/React.forwardRef(function DateSelect(_ref3,
     _ref3$afterShow = _ref3.afterShow,
     afterShow = _ref3$afterShow === void 0 ? noop : _ref3$afterShow,
     disabledDate = _ref3.disabledDate,
+    displayDate = _ref3.displayDate,
     _ref3$onChange = _ref3.onChange,
     _onChange = _ref3$onChange === void 0 ? noop : _ref3$onChange,
     _ref3$onClear = _ref3.onClear,
@@ -90,14 +91,14 @@ export var DateSelect = /*#__PURE__*/React.forwardRef(function DateSelect(_ref3,
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selected = _React$useState2[0],
     setSelected = _React$useState2[1];
-  var _React$useState3 = React.useState(value || dateTime.newDate()),
+  var _React$useState3 = React.useState(value || displayDate || dateTime.newDate()),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     displayed = _React$useState4[0],
     setDisplayed = _React$useState4[1];
   React.useEffect(function () {
     setSelected(value);
-    setDisplayed(value || dateTime.newDate());
-  }, [value]);
+    setDisplayed(value || displayDate || dateTime.newDate());
+  }, [value, displayDate]);
   var overlay = /*#__PURE__*/React.createElement(Calendar, {
     "data-qa": "core-date-select-calendar",
     disabledDate: disabledDate,

package/dist/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelect.js","names":["React","Calendar","CalendarBase","Card","DateInput","isValidYearRange","OverlayTrigger","useOverlayTriggerContext","isEventSource","useDateTime","enableLogs","_process$env$TZ_LOG","process","env","TZ_LOG","toLowerCase","consoleMessageChange","_ref","date","console","log","showKeys","hideKeys","target","overlay","lifecycleDefault","noop","forwardRef","_ref2","ref","onSelect","props","_objectWithoutProperties","_excluded","_useOverlayTriggerCon","hide","createElement","shadowStrength","_extends","DateSelect","_ref3","_ref3$beforeHide","beforeHide","_ref3$beforeShow","beforeShow","_ref3$afterHide","afterHide","_ref3$afterShow","afterShow","disabledDate","_ref3$onChange","onChange","_ref3$onClear","onClear","value","_excluded2","dateTime","clearRef","useRef","dateInputRef","monthRef","yearRef","segmentRefs","segmentThree","_React$useState","useState","_React$useState2","_slicedToArray","selected","setSelected","_React$useState3","newDate","_React$useState4","displayed","setDisplayed","useEffect","displayDate","onNavigate","current","focus","selectedStart","selectedEnd","e","KeyboardEvent","clickOutsideIgnoreRefs","placement","onChangeSegment","type","setMonth","setFullYear","undefined"],"sources":["../../src/DateSelect/DateSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { CalendarProps } from '../Calendar'\nimport { Calendar as CalendarBase } from '../Calendar'\nimport { Card } from '../Card'\nimport { DateInput, isValidYearRange } from '../DateInput/DateInput'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useDateTime } from '../_hooks/DateTime'\nimport type { DateSelectProps } from './DateSelect.types'\n\nconst enableLogs = process.env.TZ_LOG?.toLowerCase() === 'true'\n\nfunction consoleMessageChange({ date }: any) {\n  if (enableLogs) {\n    console.log(\n      `core-react: DateInput onChange, relative start of day in destination time zone.\\n`,\n      date\n    )\n  }\n}\n\nconst showKeys: string[] = []\n\nconst hideKeys = {\n  target: ['Esc', 'Escape'],\n  overlay: ['Esc', 'Escape'],\n}\n\nfunction lifecycleDefault() {\n  return true\n}\n\nfunction noop() {}\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar({ onSelect, ...props }, ref) {\n    const { hide } = useOverlayTriggerContext()\n\n    return (\n      <Card ref={ref} shadowStrength={2}>\n        <CalendarBase\n          {...props}\n          onSelect={(date) => {\n            onSelect?.(date)\n            hide(true)\n          }}\n        />\n      </Card>\n    )\n  }\n)\n\n/**\n\n We use date selects to allow users to enter a date into a form by either\n selecting it from a calendar or typing it into a date field.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dateselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/date-select)\n\n */\nexport const DateSelect = React.forwardRef<HTMLDivElement, DateSelectProps>(\n  function DateSelect(\n    {\n      beforeHide = lifecycleDefault,\n      beforeShow = lifecycleDefault,\n      afterHide = noop,\n      afterShow = noop,\n      disabledDate,\n      onChange = noop,\n      onClear = noop,\n      value,\n      ...props\n    },\n    ref\n  ) {\n    const dateTime = useDateTime()\n\n    const clearRef = React.useRef<HTMLButtonElement>(null)\n\n    const dateInputRef = ref as React.RefObject<HTMLDivElement>\n    React.useRef<HTMLDivElement>(null)\n\n    const monthRef = React.useRef<HTMLDivElement>(null)\n\n    const yearRef = React.useRef<HTMLDivElement>(null)\n\n    const segmentRefs = {\n      segmentThree: React.useRef<HTMLDivElement>(null),\n    }\n\n    const [selected, setSelected] = React.useState(value)\n\n    const [displayed, setDisplayed] = React.useState(\n      value || dateTime.newDate()\n    )\n\n    React.useEffect(() => {\n      setSelected(value)\n      setDisplayed(value || dateTime.newDate())\n    }, [value])\n\n    const overlay = (\n      <Calendar\n        data-qa=\"core-date-select-calendar\"\n        disabledDate={disabledDate}\n        displayDate={displayed}\n        monthRef={monthRef}\n        onNavigate={setDisplayed}\n        onSelect={(date) => {\n          segmentRefs.segmentThree.current &&\n            segmentRefs.segmentThree.current.focus()\n\n          setDisplayed(date)\n          setSelected(date)\n          onChange(date)\n        }}\n        selectedStart={selected}\n        selectedEnd={selected}\n        yearRef={yearRef}\n      />\n    )\n\n    return (\n      <OverlayTrigger\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={(e) => {\n          if (e instanceof KeyboardEvent) {\n            segmentRefs.segmentThree.current &&\n              segmentRefs.segmentThree.current.focus()\n\n            return beforeHide(e)\n          }\n\n          if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeHide(e)\n        }}\n        beforeShow={(e) => {\n          if (isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeShow(e)\n        }}\n        clickOutsideIgnoreRefs={[monthRef, yearRef]}\n        hideKeys={hideKeys}\n        overlay={overlay}\n        placement=\"bottom-left\"\n        ref={dateInputRef}\n        showKeys={showKeys}\n      >\n        <DateInput\n          {...props}\n          clearRef={clearRef}\n          segmentRefs={segmentRefs}\n          onChangeSegment={(type, value) => {\n            if (value === -1) {\n              return\n            }\n\n            if (type === 'month') {\n              setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)))\n            } else if (type === 'year') {\n              // isValidYearRange prevents calendar from changing, the display date\n              if (isValidYearRange(value)) {\n                setDisplayed(dateTime.newDate(displayed.setFullYear(value)))\n              }\n            }\n          }}\n          onChange={(date: Date | null) => {\n            consoleMessageChange({ date })\n            if (date) {\n              setSelected(date)\n              setDisplayed(date)\n            } else {\n              setDisplayed(dateTime.newDate())\n              setSelected(undefined)\n            }\n\n            onChange(date)\n          }}\n          onClear={onClear}\n          value={selected}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"DateSelect.js","names":["React","Calendar","CalendarBase","Card","DateInput","isValidYearRange","OverlayTrigger","useOverlayTriggerContext","isEventSource","useDateTime","enableLogs","_process$env$TZ_LOG","process","env","TZ_LOG","toLowerCase","consoleMessageChange","_ref","date","console","log","showKeys","hideKeys","target","overlay","lifecycleDefault","noop","forwardRef","_ref2","ref","onSelect","props","_objectWithoutProperties","_excluded","_useOverlayTriggerCon","hide","createElement","shadowStrength","_extends","DateSelect","_ref3","_ref3$beforeHide","beforeHide","_ref3$beforeShow","beforeShow","_ref3$afterHide","afterHide","_ref3$afterShow","afterShow","disabledDate","displayDate","_ref3$onChange","onChange","_ref3$onClear","onClear","value","_excluded2","dateTime","clearRef","useRef","dateInputRef","monthRef","yearRef","segmentRefs","segmentThree","_React$useState","useState","_React$useState2","_slicedToArray","selected","setSelected","_React$useState3","newDate","_React$useState4","displayed","setDisplayed","useEffect","onNavigate","current","focus","selectedStart","selectedEnd","e","KeyboardEvent","clickOutsideIgnoreRefs","placement","onChangeSegment","type","setMonth","setFullYear","undefined"],"sources":["../../src/DateSelect/DateSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { CalendarProps } from '../Calendar'\nimport { Calendar as CalendarBase } from '../Calendar'\nimport { Card } from '../Card'\nimport { DateInput, isValidYearRange } from '../DateInput/DateInput'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useDateTime } from '../_hooks/DateTime'\nimport type { DateSelectProps } from './DateSelect.types'\n\nconst enableLogs = process.env.TZ_LOG?.toLowerCase() === 'true'\n\nfunction consoleMessageChange({ date }: any) {\n  if (enableLogs) {\n    console.log(\n      `core-react: DateInput onChange, relative start of day in destination time zone.\\n`,\n      date\n    )\n  }\n}\n\nconst showKeys: string[] = []\n\nconst hideKeys = {\n  target: ['Esc', 'Escape'],\n  overlay: ['Esc', 'Escape'],\n}\n\nfunction lifecycleDefault() {\n  return true\n}\n\nfunction noop() {}\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar({ onSelect, ...props }, ref) {\n    const { hide } = useOverlayTriggerContext()\n\n    return (\n      <Card ref={ref} shadowStrength={2}>\n        <CalendarBase\n          {...props}\n          onSelect={(date) => {\n            onSelect?.(date)\n            hide(true)\n          }}\n        />\n      </Card>\n    )\n  }\n)\n\n/**\n\n We use date selects to allow users to enter a date into a form by either\n selecting it from a calendar or typing it into a date field.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dateselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/date-select)\n\n */\nexport const DateSelect = React.forwardRef<HTMLDivElement, DateSelectProps>(\n  function DateSelect(\n    {\n      beforeHide = lifecycleDefault,\n      beforeShow = lifecycleDefault,\n      afterHide = noop,\n      afterShow = noop,\n      disabledDate,\n      displayDate,\n      onChange = noop,\n      onClear = noop,\n      value,\n      ...props\n    },\n    ref\n  ) {\n    const dateTime = useDateTime()\n\n    const clearRef = React.useRef<HTMLButtonElement>(null)\n\n    const dateInputRef = ref as React.RefObject<HTMLDivElement>\n    React.useRef<HTMLDivElement>(null)\n\n    const monthRef = React.useRef<HTMLDivElement>(null)\n\n    const yearRef = React.useRef<HTMLDivElement>(null)\n\n    const segmentRefs = {\n      segmentThree: React.useRef<HTMLDivElement>(null),\n    }\n\n    const [selected, setSelected] = React.useState(value)\n\n    const [displayed, setDisplayed] = React.useState(\n      value || displayDate || dateTime.newDate()\n    )\n\n    React.useEffect(() => {\n      setSelected(value)\n      setDisplayed(value || displayDate || dateTime.newDate())\n    }, [value, displayDate])\n\n    const overlay = (\n      <Calendar\n        data-qa=\"core-date-select-calendar\"\n        disabledDate={disabledDate}\n        displayDate={displayed}\n        monthRef={monthRef}\n        onNavigate={setDisplayed}\n        onSelect={(date) => {\n          segmentRefs.segmentThree.current &&\n            segmentRefs.segmentThree.current.focus()\n\n          setDisplayed(date)\n          setSelected(date)\n          onChange(date)\n        }}\n        selectedStart={selected}\n        selectedEnd={selected}\n        yearRef={yearRef}\n      />\n    )\n\n    return (\n      <OverlayTrigger\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={(e) => {\n          if (e instanceof KeyboardEvent) {\n            segmentRefs.segmentThree.current &&\n              segmentRefs.segmentThree.current.focus()\n\n            return beforeHide(e)\n          }\n\n          if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeHide(e)\n        }}\n        beforeShow={(e) => {\n          if (isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeShow(e)\n        }}\n        clickOutsideIgnoreRefs={[monthRef, yearRef]}\n        hideKeys={hideKeys}\n        overlay={overlay}\n        placement=\"bottom-left\"\n        ref={dateInputRef}\n        showKeys={showKeys}\n      >\n        <DateInput\n          {...props}\n          clearRef={clearRef}\n          segmentRefs={segmentRefs}\n          onChangeSegment={(type, value) => {\n            if (value === -1) {\n              return\n            }\n\n            if (type === 'month') {\n              setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)))\n            } else if (type === 'year') {\n              // isValidYearRange prevents calendar from changing, the display date\n              if (isValidYearRange(value)) {\n                setDisplayed(dateTime.newDate(displayed.setFullYear(value)))\n              }\n            }\n          }}\n          onChange={(date: Date | null) => {\n            consoleMessageChange({ date })\n            if (date) {\n              setSelected(date)\n              setDisplayed(date)\n            } else {\n              setDisplayed(dateTime.newDate())\n              setSelected(undefined)\n            }\n\n            onChange(date)\n          }}\n          onClear={onClear}\n          value={selected}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/DateSelect/DateSelect.types.d.ts

@@ -3,7 +3,7 @@ import type { DateInputProps } from '../DateInput/DateInput.types';
 import type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
 import type { VisibilityConfig } from '../_hooks/Visibility';
 declare type PickedDateInputProps = Pick<DateInputProps, 'aria-label' | 'className' | 'disabled' | 'error' | 'onChange' | 'onClear' | 'tabIndex' | 'variant'>;
-declare type PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>;
+declare type PickedCalendarProps = Pick<CalendarProps, 'disabledDate' | 'displayDate'>;
 declare type PickedOverlayTriggerProps = Pick<OverlayTriggerProps, 'beforeHide' | 'beforeShow'>;
 declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>;
 export interface DateSelectProps extends PickedDateInputProps, PickedOverlayTriggerProps, PickedVisibilityProps, PickedCalendarProps {

package/dist/DateSelect/DateSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelect.types.js","names":[],"sources":["../../src/DateSelect/DateSelect.types.ts"],"sourcesContent":["import type { CalendarProps } from '../Calendar/Calendar.types'\nimport type { DateInputProps } from '../DateInput/DateInput.types'\nimport type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\ntype PickedDateInputProps = Pick<\n  DateInputProps,\n  | 'aria-label'\n  | 'className'\n  | 'disabled'\n  | 'error'\n  | 'onChange'\n  | 'onClear'\n  | 'tabIndex'\n  | 'variant'\n>\n\ntype PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>\n\ntype PickedOverlayTriggerProps = Pick<\n  OverlayTriggerProps,\n  'beforeHide' | 'beforeShow'\n>\n\ntype PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>\n\nexport interface DateSelectProps\n  extends PickedDateInputProps,\n    PickedOverlayTriggerProps,\n    PickedVisibilityProps,\n    PickedCalendarProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Date\n}\n"],"mappings":""}
+{"version":3,"file":"DateSelect.types.js","names":[],"sources":["../../src/DateSelect/DateSelect.types.ts"],"sourcesContent":["import type { CalendarProps } from '../Calendar/Calendar.types'\nimport type { DateInputProps } from '../DateInput/DateInput.types'\nimport type { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\ntype PickedDateInputProps = Pick<\n  DateInputProps,\n  | 'aria-label'\n  | 'className'\n  | 'disabled'\n  | 'error'\n  | 'onChange'\n  | 'onClear'\n  | 'tabIndex'\n  | 'variant'\n>\n\ntype PickedCalendarProps = Pick<CalendarProps, 'disabledDate' | 'displayDate'>\n\ntype PickedOverlayTriggerProps = Pick<\n  OverlayTriggerProps,\n  'beforeHide' | 'beforeShow'\n>\n\ntype PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>\n\nexport interface DateSelectProps\n  extends PickedDateInputProps,\n    PickedOverlayTriggerProps,\n    PickedVisibilityProps,\n    PickedCalendarProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Date\n}\n"],"mappings":""}

package/dist/DetailPage/DetailPage.styles.js

@@ -8,32 +8,32 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-12_47_0__sc-cytnlo-0"
+  componentId: "core-12_48_0__sc-cytnlo-0"
 })(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
 export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageBody",
-  componentId: "core-12_47_0__sc-cytnlo-1"
+  componentId: "core-12_48_0__sc-cytnlo-1"
 })(["padding-bottom:", "px;"], spacing.xl);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-12_47_0__sc-cytnlo-2"
+  componentId: "core-12_48_0__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-12_47_0__sc-cytnlo-3"
+  componentId: "core-12_48_0__sc-cytnlo-3"
 })(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
 export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDetailPageFooterActions",
-  componentId: "core-12_47_0__sc-cytnlo-4"
+  componentId: "core-12_48_0__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-12_47_0__sc-cytnlo-5"
+  componentId: "core-12_48_0__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 var detailPageCardBorderRadius = 8;
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-12_47_0__sc-cytnlo-6"
+  componentId: "core-12_48_0__sc-cytnlo-6"
 })(["width:100%;border-radius:", "px;margin-top:", "px;margin-bottom:", "px;& + &{margin-top:", "px;}&:first-child{margin-top:0;}&:last-child{margin-bottom:", "px;}& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], detailPageCardBorderRadius, spacing.lg, spacing.sm, spacing.sm, spacing.lg, StyledPageBanner, spacing.lg, spacing.lg, spacing.lg, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/Dropdown/Dropdown.styles.js

@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
 import { Spinner } from '../Spinner/Spinner';
 export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDropdownMenu",
-  componentId: "core-12_47_0__sc-ufsy2q-0"
+  componentId: "core-12_48_0__sc-ufsy2q-0"
 })(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
 export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledDropdownSpinner",
-  componentId: "core-12_47_0__sc-ufsy2q-1"
+  componentId: "core-12_48_0__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-12_47_0__sc-ufsy2q-2"
+  componentId: "core-12_48_0__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_47_0__sc-1i79jsg-0"
+  componentId: "core-12_48_0__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_47_0__sc-1i79jsg-1"
+  componentId: "core-12_48_0__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_47_0__sc-1i79jsg-2"
+  componentId: "core-12_48_0__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_47_0__sc-1i79jsg-3"
+  componentId: "core-12_48_0__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/Dropzone/Dropzone.js

@@ -95,7 +95,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_47_0__sc-l4fojb-0"
+  componentId: "core-12_48_0__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,

package/dist/Dropzone/Dropzone.styles.js

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_47_0__sc-by95hy-0"
+  componentId: "core-12_48_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_47_0__sc-by95hy-1"
+  componentId: "core-12_48_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_47_0__sc-by95hy-2"
+  componentId: "core-12_48_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_47_0__sc-by95hy-3"
+  componentId: "core-12_48_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
   var $disabled = _ref2.$disabled;
   return !$disabled && css(["&:hover{", "}"], activeDropzone);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_47_0__sc-by95hy-4"
+  componentId: "core-12_48_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_47_0__sc-by95hy-5"
+  componentId: "core-12_48_0__sc-by95hy-5"
 })(["&&{display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;}"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_47_0__sc-by95hy-6"
+  componentId: "core-12_48_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var $error = _ref6.$error;
   return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_47_0__sc-by95hy-7"
+  componentId: "core-12_48_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_47_0__sc-by95hy-8"
+  componentId: "core-12_48_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map